@click.native="方法"可以触发函数
el-checkbox替换成下拉框形式
因为复选框是多选,以下拉框也做成了多选,multiple属性可以让单选变多选
多选下拉框中,value-key属性很重要,因为如果没有这个,绑定的值或者对象就不能完成双向绑定的效果,加上即可
例子:
<el-checkbox-group
v-model="underTakerChecked"
style="width:60%"
:max="5"
@change="underTakerchange"
>
<el-checkbox
v-for="city in underTakerData"
:label="city"
:key="city.oid"
>{{city.personCname}}
</el-checkbox>
</el-checkbox-group>
更改后:
<el-select
v-model="underTakerChecked"
style="width:60%"
value-key="oid"
:max="5"
multiple
clearable
@change="underTakerchange"
>
<el-option
v-for="(item,index)in underTakerData"
:label="item.personCname"
:value="item"
:key="item.oid"
</el-option>
</el-select>
@click.native函数同时存在一个问题,就是执行方法会触发两次这个方法,给系统造成了不必要得压力和资源浪费,这里建议用@change.native函数,这个只会触发一次方法,原理我i就不说了