美文网首页
Vue判断多个单选框的值

Vue判断多个单选框的值

作者: KeybordMan | 来源:发表于2019-09-27 14:13 被阅读0次
    <div style="margin-left:20px;">
    
        <el-checkbox
    
            v-for="item in SigningcheckList"
    
            :key="item.index"
    
            :label="item.ele"
    
             v-model="item.status"
    
             @change="SigningChangeitem(item)"
    
        ></el-checkbox>
    
    </div>
    
    // 当checkbox的值发生改变的时候
    
        SigningChangeitem(val) {
    
          // 判断当前传过来元素的值是否是选中状态
    
          if (val.status == true) {
    
            this.SigningContent.push(val.ele);
    
          } else {
    
            //或者循环遍历数组删除选中元素
    
            for (let i = 0; i < this.SigningContent.length; i++) {
    
              const element = this.SigningContent[i];
    
              if (element == val.ele) {
    
                this.SigningContent.splice(i, 1);
    
              }
    
            }
    
          }
    

    相关文章

      网友评论

          本文标题:Vue判断多个单选框的值

          本文链接:https://www.haomeiwen.com/subject/zexauctx.html