【Vue3】 Element Plus -- Checkbox 多选框

<el-checkbox :model-value="i.selected" @change="(selected)=>singeCheck(i,selected)"/>

change 只能接收一个参数 selected。


当单纯使用 v-model的时候，适合的应用场景是绑定或者说收集数据。而当我们拆分使用的话，可以做到动态绑定数据，之后进行change事件进行更多操作。

const singeCheck = (i, selected) => {
  carStore.singCheck(i.skuId, selected)
}

const singCheck = (skuId, selected) => {
    const item = cartList.value.find((item) => item.skuId === skuId)
    item.selected = selected
}

笔记：在插件默认事件参数的基础上增加一个参数
举个例子：
在使用element 插件的时候 官方文档的内容是

change事件有一个默认参数 selected
但是我们想在这个change事件里面多添加一个参数name,
所以 使用箭头函数方式 多增加一个参数

 <el-checkbox :model-value="selected" @change="(selected)=> singleCheck(name,selected)"/>