Element ui组件使用el-card卡片组件时，点击卡片触发函数@click失效？

@click.native="方法"可以触发函数

el-checkbox替换成下拉框形式

因为复选框是多选，以下拉框也做成了多选，multiple属性可以让单选变多选

 多选下拉框中，value-key属性很重要，因为如果没有这个，绑定的值或者对象就不能完成双向绑定的效果，加上即可

例子：

v-model="underTakerChecked"

  style="width:60%"

  :max="5"

  @change="underTakerchange"

>

    v-for="city in underTakerData"

    :label="city"

    :key="city.oid"

  >{{city.personCname}}

更改后：

v-model="underTakerChecked"

  style="width:60%"

  value-key="oid"

  :max="5"

  multiple

clearable

  @change="underTakerchange"

>

    v-for="(item,index)in underTakerData"

    :label="item.personCname"

    :value="item"

    :key="item.oid"

 

@click.native函数同时存在一个问题，就是执行方法会触发两次这个方法，给系统造成了不必要得压力和资源浪费，这里建议用@change.native函数，这个只会触发一次方法，原理我i就不说了