vue动态生成el-checkbox点击无法赋值的解决方法 版权申

在Vue中动态生成el-checkbox，并且点击无法赋值的问题可以通过以下方法来解决：

1. 直接使用v-model指令：使用v-model指令可以将el-checkbox的值与组件的data中的属性进行双向绑定，确保点击后能够正确赋值。例如：

<el-checkbox v-model="checkboxValue"></el-checkbox>

在data中定义checkboxValue属性，在点击el-checkbox后，checkboxValue的值将会自动更新。

2. 使用@click事件绑定方法：使用@click事件来绑定一个方法，在方法内部手动修改data中的属性值。例如：

<el-checkbox @click="handleClick"></el-checkbox>

在methods中定义handleClick方法，根据需要对data中的属性进行修改。

3. 使用计算属性：通过计算属性来动态生成el-checkbox，确保每次生成的el-checkbox都与data中的属性进行绑定。例如：

<el-checkbox :value="checkboxValue" @input="checkboxValue = $event"></el-checkbox>

在computed属性中定义checkboxValue，每次根据需要动态生成el-checkbox。

以上是解决vue动态生成el-checkbox点击无法赋值的几种常见方法，可以根据具体的情况选择适合的方案进行解决。