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

@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就不说了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容