在选择下拉列表中编辑选择的选项（类星体框架的<q-select>）答案

【问题标题】：Editing the selected option in the select dropdown(<q-select> of quasar framework)在选择下拉列表中编辑选择的选项（类星体框架的<q-select>）
【发布时间】：2017-10-31 12:23:03
【问题描述】：

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

有人可以帮我解决这个问题吗？

【问题讨论】：

标签： vuejs2 quasar-framework

【解决方案1】：

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

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

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

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

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

你只是这样做

this.selectedValue = 'identifier'

【讨论】：

嗨，我尝试做这样的事情以及文档所说的内容，但我想要正常值，选择的标签类型，然后只需将 id 传递给 api 后端但似乎无法让它工作我给出所选项目的值，它只显示 id。请看这里：codepen.io/ettienne/pen/VJXKNE
@Louwki 您的属性“模型”是一个数字（1），而在您的“选项”数组中，“值”是字符串（'1'，'2'，...） .使它们的类型保持一致（所有数字或所有字符串）并且它按预期工作。
啊，多么愚蠢的错误，他们总是说有时候你只需要一双新鲜的眼睛:)，非常感谢