javascript - 使用vue+ElementUI的多选框组件时，遇到的问题，请问是什么原因？

问题描述

问 题

在使用ElementUI的单选框和多选框组件时，使用v-for循环渲染，出现点击选择框没有反应，但是绑定的数据却能正确改变
绑定数据的代码如下：

<el-checkbox-group v-model="questions[now_page-1].value" v-if="questions[now_page-1].type=='checkbox'">
    <div v-for='item in questions[now_page-1].options'>
        <el-checkbox :label="item.value"></el-checkbox>
    </div>
</el-checkbox-group>

其中questions[now_page-1].value是一个数组，页面的渲染没有问题，就是点击多选框后，多选框没有变成选中状态，但是此时questions[now_page-1].value却获得了刚刚点击的那个选项的值

请问有人遇到过这种情况吗，请详细说下解决的方法和出现这种问题的原因

解决方案

可能是数组的原因，js数组没办法做到双向绑定，所以数组数据变了 但是组件没有检测到

这篇关于javascript - 使用vue+ElementUI的多选框组件时，遇到的问题，请问是什么原因？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！