Question

我正在尝试在选择下拉列表中编辑先前选择的选项。我能够根据服务调用驱动的数据显示选中的选项，但无法在下拉列表中选择其他选择选项。我正在使用quasar框架和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

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

例如（跟随您的数据集）：

multiSelect

而对于＆＃34;简单＆＃34;选择字段（单选）

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

你只是做

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

在选择下拉列表中编辑选定的选项（<q-select> of quasar framework）

1 个答案: