update checkboxGroup
update checkboxGroup
This commit is contained in:
parent
578ca32537
commit
f65e9be565
3 changed files with 32 additions and 1 deletions
|
@ -40,6 +40,7 @@
|
|||
change (data) {
|
||||
this.model = data;
|
||||
this.$emit('on-change', data);
|
||||
this.$dispatch('on-form-change', data);
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
|
|
@ -94,6 +94,7 @@
|
|||
this.$parent.change(this.model);
|
||||
} else {
|
||||
this.$emit('on-change', this.checked);
|
||||
this.$dispatch('on-form-change', this.checked);
|
||||
}
|
||||
},
|
||||
updateModel () {
|
||||
|
|
|
@ -30,6 +30,26 @@
|
|||
</Radio>
|
||||
</Radio-group>
|
||||
</form-item>
|
||||
<form-item label="checkbox-g" prop="checkboxgroup">
|
||||
<Checkbox-group :model.sync="form.checkboxgroup">
|
||||
<Checkbox value="twitter">
|
||||
<Icon type="social-twitter"></Icon>
|
||||
<span>Twitter</span>
|
||||
</Checkbox>
|
||||
<Checkbox value="facebook">
|
||||
<Icon type="social-facebook"></Icon>
|
||||
<span>Facebook</span>
|
||||
</Checkbox>
|
||||
<Checkbox value="github">
|
||||
<Icon type="social-github"></Icon>
|
||||
<span>Github</span>
|
||||
</Checkbox>
|
||||
<Checkbox value="snapchat">
|
||||
<Icon type="social-snapchat"></Icon>
|
||||
<span>Snapchat</span>
|
||||
</Checkbox>
|
||||
</Checkbox-group>
|
||||
</form-item>
|
||||
<form-item>
|
||||
<i-button type="primary" @click="onSubmit('form')">提交</i-button>
|
||||
</form-item>
|
||||
|
@ -45,7 +65,8 @@
|
|||
mail: '',
|
||||
passwd: '',
|
||||
single: false,
|
||||
group: ''
|
||||
group: '',
|
||||
checkboxgroup: []
|
||||
},
|
||||
rules: {
|
||||
mail: [
|
||||
|
@ -68,6 +89,14 @@
|
|||
{
|
||||
required: true, message: '请单选组'
|
||||
}
|
||||
],
|
||||
checkboxgroup: [
|
||||
{
|
||||
required: true, message: '至少选择2个', min: 2, type: 'array',
|
||||
},
|
||||
{
|
||||
required: true, message: '至多选择3个', max: 3, type: 'array'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue