Vue点击多选框改变接口状态,怎么在点击权限多选框时让enabled状态改变
点击时候拿到唯一id,通过接口传给后端,看你用的是什么UI组件,如果没有,自己写个方法就可以
绑定一个change方法,监听触发的事件
你用的应该就是elementui组件是吧,参考官方的,如果有疑问的可以直接咨询我
循环源数组,v-for 添加change事件传入item 如下:
<div v-for="item in permission" :key="item.permission_id">
<van-checkbox v-model="item.enabled" @change="checkedChange(item)" />
</div>
const checkedChange = (val) => {
// 循环permission,如
permission.foreach(item =>{
if(val.permission_id == item.permission_id){
item.enabled = ! item.enabled
}
})
}