使用element ui中的el-checkbox-group动态绑定数组，循环出来的checkbox怎么点击不了？

Question

<el-checkbox-group v-model="form.table_index" @change="handleChange">

<el-checkbox

v-for="itema in attrData"

:key="itema.id"

:label="itema.id"

>{{itema.column_name}}</el-checkbox>

</el-checkbox-group>



this.form.table_index = [];

attrData是这个

页面能显示出来，但是点击不了

Answer 1

v-model="form.table_index"

这里你绑定的是form对象的深层属性，vue这样绑定对象深层属性存在问题。
改为

:value="form.table_index" @input="inputEvent"

在inputEvent手动赋值form.table_index