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

update Select

Browse source 
update Select
This commit is contained in:
梁灏 2017-01-04 11:25:59 +08:00
parent 8df36a0a03
commit 3ad47566a4
3 changed files with 60 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/select/select.vue
View file

@ -310,8 +310,13 @@
value: value,
label: label
});
this.$dispatch('on-form-change', {
value: value,
label: label
});
} else {
this.$emit('on-change', value);
this.$dispatch('on-form-change', value);
}
}
}
@ -340,8 +345,10 @@
if (!init) {
if (this.labelInValue) {
this.$emit('on-change', hybridValue);
this.$dispatch('on-form-change', hybridValue);
} else {
this.$emit('on-change', value);
this.$dispatch('on-form-change', value);
}
}
}

2
src/styles/components/form.less
View file

@ -35,7 +35,7 @@
.clearfix();
&-content {
position: relative;
line-height: 32px;
//line-height: 32px;
font-size: @font-size-small;
}

53
test/routers/form.vue
View file

@ -50,6 +50,16 @@
</Checkbox>
</Checkbox-group>
</form-item>
<form-item label="select" prop="select">
<i-select :model.sync="form.select" style="width:200px" clearable>
<i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
</i-select>
</form-item>
<form-item label="select多选" prop="selectm">
<i-select :model.sync="form.selectm" multiple style="width:260px">
<i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
</i-select>
</form-item>
<form-item>
<i-button type="primary" @click="onSubmit('form')">提交</i-button>
</form-item>
@ -61,12 +71,40 @@
props: {},
data () {
return {
cityList: [
{
value: 'beijing',
label: '北京市'
},
{
value: 'shanghai',
label: '上海市'
},
{
value: 'shenzhen',
label: '深圳市'
},
{
value: 'hangzhou',
label: '杭州市'
},
{
value: 'nanjing',
label: '南京市'
},
{
value: 'chongqing',
label: '重庆市'
}
],
form: {
mail: '',
passwd: '',
single: false,
group: '',
checkboxgroup: []
checkboxgroup: [],
select: '',
selectm: []
},
rules: {
mail: [
@ -97,6 +135,19 @@
{
required: true, message: '至多选择3个', max: 3, type: 'array'
}
],
select: [
{
required: true
}
],
selectm: [
{
required: true, type: 'array'
},
{
min: 2, type: 'array'
}
]
}
}