碰到了一个问题,写了一个el-checkbox的group,需要点击其中的一个项,在页面暂存,所以需要动态改变数组中某个对象的状态。
element官方文档中的@change事件默认下有两种传值方法,如果写成
默认传参
@change="selecteChange"
selecteChange(val,e){
//...
}
还有一种:
@change="selecteChange(a,b,c,d...)"
selecteChange(a,b,c,d...){
//...
}
但是不知道怎么把选中状态传进去,研究了好半天采用下面这种方式就可以:
<el-checkbox v-for="(item, index) in equipments"
:label="item.value" class="listitem"
:key="item.label" @change="checked=>saveTempBeassessed(checked, item)">
{
{item.label}}
</el-checkbox>
saveTempBeassessed(checked,val){
console.log("----------"+JSON.stringify(checked)+"----------"+JSON.stringify(val));
//能够拿
Vue中Element UI el-checkbox改变状态传递参数
在使用Vue和Element UI时,遇到el-checkbox group的change事件传递问题。需求是在点击checkbox后,不仅能获取选中项的值和标签,还要同步更新选中状态。通过研究Element官方文档,找到了解决方案:可以通过事件回调参数结合当前上下文this来同时获取选中状态和参数。
订阅专栏 解锁全文
5895





