欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

el-checkbox同时获取value 和 name

程序员文章站 2024-03-24 09:28:04
...

1、 页面效果

el-checkbox同时获取value 和 nameel-checkbox同时获取value 和 name

2、后台返回checkbox数据格式

el-checkbox同时获取value 和 name

3、实现

el-checkbox-group 所对应v-model 必须是数组格式,且没有层级嵌套

<el-checkbox-group v-model="checkModule">
    <el-checkbox  v-for="item in checkModuleList" :label="item.dictLabel" :value="item.dictValue" :key="item.dicValue"  @change="getcheckModule(item)"></el-checkbox>
</el-checkbox-group>
 getcheckModule(item){
   if(this.checkarr.indexOf(item.dictValue) == -1){
      this.checkarr.push(item.dictValue);
    }else{
      this.checkarr.splice(this.checkarr.indexOf(item.dictValue),1);
    }
    this.form.modularIds=this.checkarr;
    this.form.modularNames = this.checkModule;

    console.log('this.name.--',this.checkModule)
    console.log('this.id.--',this.form.modularIds)

  },
相关标签: element