drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update checkboxGroup

Browse source 
update checkboxGroup
This commit is contained in:
梁灏 2017-01-04 11:09:10 +08:00
parent 578ca32537
commit f65e9be565
3 changed files with 32 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/checkbox/checkbox-group.vue
View file

@ -40,6 +40,7 @@
change (data) { change (data) {
this.model = data; this.model = data;
this.$emit('on-change', data); this.$emit('on-change', data);
this.$dispatch('on-form-change', data);
} }
}, },
watch: { watch: {

1
src/components/checkbox/checkbox.vue
View file

@ -94,6 +94,7 @@
this.$parent.change(this.model); this.$parent.change(this.model);
} else { } else {
this.$emit('on-change', this.checked); this.$emit('on-change', this.checked);
this.$dispatch('on-form-change', this.checked);
} }
}, },
updateModel () { updateModel () {

31
test/routers/form.vue
View file

@ -30,6 +30,26 @@
</Radio> </Radio>
</Radio-group> </Radio-group>
</form-item> </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> <form-item>
<i-button type="primary" @click="onSubmit('form')">提交</i-button> <i-button type="primary" @click="onSubmit('form')">提交</i-button>
</form-item> </form-item>
@ -45,7 +65,8 @@
mail: '', mail: '',
passwd: '', passwd: '',
single: false, single: false,
group: '' group: '',
checkboxgroup: []
}, },
rules: { rules: {
mail: [ mail: [
@ -68,6 +89,14 @@
{ {
required: true, message: '请单选组' required: true, message: '请单选组'
} }
],
checkboxgroup: [
{
required: true, message: '至少选择2个', min: 2, type: 'array',
},
{
required: true, message: '至多选择3个', max: 3, type: 'array'
}
] ]
} }
} }