是否有办法将v-select的默认值设置为整个表

Question

我有一个v-select组件，允许用户选择多个项目。我有一个选择所有，当用户点击它会发送'所有'到api，并会选择所有的项目。是否有办法使全选作为默认选项

Answer 1

我想我现在明白这个问题了:有"Select All"选项(因此，所有选项)在页面加载时被选中。

所有"Select All"选项所做的是切换v-model拥有所有项目，或没有项目。有"Select all"在页面加载时选择的v-model只是要求将所有items赋给它作为初始值。

使用来自Vuetify文档的示例代码

<v-select v-model="selectedFruits" :items="fruits" multiple>

data: () => ({
fruits: ['Apples', 'Apricots', 'Avocado', 'Bananas'],
selectedFruits: ['Apples', 'Apricots', 'Avocado', 'Bananas']
})

,或者

data: () => ({
fruits: ['Apples', 'Apricots', 'Avocado', 'Bananas'],
selectedFruits: []
}),
mounted() {
this.selectedFruits = this.fruits.slice()
}

工作沙盒示例