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

69次阅读

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

正文完
 0