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

 <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
       
      }
    },

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理