Vue点击多选框改变接口状态

Vue点击多选框改变接口状态,怎么在点击权限多选框时让enabled状态改变

img

img

点击时候拿到唯一id,通过接口传给后端,看你用的是什么UI组件,如果没有,自己写个方法就可以

绑定一个change方法,监听触发的事件

你用的应该就是elementui组件是吧,参考官方的,如果有疑问的可以直接咨询我

img

循环源数组,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
      }
    })
    }