解决 Vue 中的Element-ui 组件el-checkbox动态赋值点击没反应问题

不念不忘少年蓝@ 2022-09-12 11:45 629阅读 0赞

<el-checkbox :value="form.test=== '1'" @change="val => $set(form,'test',val ? '1' : '0')" label="测试" border></el-checkbox>

<el-table  @current-change="clickChange">
            <el-table-column label="选择" width="55">
                <template slot-scope="scope">
                    <el-radio  v-model="tableRadio" :label="scope.row"><i></i></el-radio>
                </template>
            </el-table-column>
          
        </el-table>

## EL-TABLE点击当前行选中，只允许选择一个，上一个选中的自动取消 ##

selectChange(selection, row) \{  
if (selection.length > 1) \{  
const del\_row = selection.shift()  
this.$refs.multipleTable.toggleRowSelection(del\_row, false)  
\}  
\},  
// 点击行触发，选中或不选中复选框  
handleRowClick(row, column, event) \{  
this.$refs.multipleTable.toggleRowSelection(row)  
this.selectChange(this.handleSelectionList)  
\},  
selectAll(selection) \{  
if (selection.length > 1) \{  
selection.length = 1  
\}  
\}  
\}  
\}  
</script>

项目中遇到的问题记录一下