关于vue.js:element单选框组-取消选择

2次阅读

共计 672 个字符，预计需要花费 2 分钟才能阅读完成。

 <el-descriptions :column="1" title :labelStyle="{width:'200px'}" border>
            <el-descriptions-item :key="i" :label="item.attributeName" v-for="(item,i) in mxkzlist">
              <el-radio-group
                size="small"
                v-if="item.optionType==1"
                v-model="item.value"
               
              >
                <el-radio
                  @click.native="onRadioChange($event, sitem,item)"
                  v-for="sitem in item.option"
                  :label="sitem"
                >{{sitem}}</el-radio>
              </el-radio-group>
            </el-descriptions-item>
          </el-descriptions>

 onRadioChange(e, sitem, item) {
      let name = e.target.nodeName
    // 加判断就只登程一次，不加要不然会登程两次 input 和 label 都会触发
    // 如果选中的那个 ** 有值 **，循环数组，把数组中选中的那个清空
      if (name == 'INPUT') {let ndata = this.$deepClone(this.mxkzlist)
        if (item.value) {
          ndata.forEach(itt => {if (itt.id == item.id) {itt.value = ''}
          })
        }
        this.mxkzlist = ndata
       
      }
    },

正文完