关于在vue

Question

我正在尝试将数据与vue中的模型绑定，但如果我尝试在嵌套循环中绑定数据，则会出现问题。

这是我尝试这样做的例子。结果我希望看到所有的复选框都被选中，但它不起作用，我不明白为什么？

示例https://jsfiddle.net/zmum6cnw/

<div id="element">

<div v-for="filter in filters">
    {{filter.name}}
    <div v-for="option in filter.options">
        <input type="checkbox" v-model="option.status">
        {{option.name}}
    </div>
</div> 
<pre>
    {{filters | json}}
</pre>

var obj = new Vue({
    el: '#element',
    data: {         
        filters: [
        {
            name: '#1',
            options: [
                {
                    checked: true,
                    name: 'A'
                },
                {
                    checked: true,
                    name: 'B'
                },
                {
                    checked: true,
                    name: 'C'
                }
            ]
        },
        {
            name: '#2',
            options: [
                {
                    checked: true,
                    name: 'A'
                },
                {
                    checked: true,
                    name: 'B'
                },
                {
                    checked: true,
                    name: 'C'
                }
            ]
        }
    ]}
    }
})

Answer 1

将输入标记更改为：

<input type="checkbox" v-model="option.status" checked = option.checked>