Vue.js选择所有选项

Question

我试图使用Vue.js进行选择，并带有选项列表和一个名为“ Any”的选项，它将选择所有选项。

我想使用HTML选择标签，而不是复选框。

我正在尝试做这样的事情，但是我不确定这是正确的方法。

~

Answer 1

您的数据属性必须是函数而不是对象。 试试这个：

data(){
    return {
        selected: ['A', 'B', 'C'],
        options: [
            { text: 'One', value: 'A' },
            { text: 'Two', value: 'B' },
            { text: 'Three', value: 'C' },
            { text: 'Any', value: ['A', 'B', 'C'] },
       ]
    }
  }

另请参阅文档，在几乎所有情况下，您都必须将数据作为函数。