vuejs2 - 在选择下拉菜单中编辑所选选项（类星体框架）

Question

我正在尝试在选择下拉列表中编辑先前选择的选项。我能够根据服务调用驱动的数据显示选中的选项，但无法在下拉列表中选择其他选择选项。我正在使用类星体框架和 vue.js。代码：

<q-select
 multiple 
stack-label="Actions"
v-model="multiSelect"
:options="options"/>

脚本：

import {QCheckbox,QSelect} from 'quasar'export
 default {components: {QCheckbox,QSelect},
data () {return {
multSelect: [],
options1: [{label: 'X-B',value: 'x-b'},{label: 'RT-Builder',value: 'rt-builder'},{label: 'Com',value: 'com'},{label: 'Max',value: 'max'},{label: 'Runner',value: 'runner'},{label: 'Opto',value: 'opto'}],
....................
created () {
axios.get('http://*********/getDetails').then(response => {
this.multiSelect = response.data
})
}

有人可以帮我弄这个吗？

Answer 1

您存储在组件属性中的值应该是您要检查的可选值multiSelect的数组：

例如（根据您的数据集）：

this.multiSelect = ['x-b', 'rt-builder', 'max']

而对于“简单”选择字段（单选）

<q-select ... v-model="selectedValue" :options="options" />

你只是做

this.selectedValue = 'identifier'