2017-10-31 20 views
2

選択ドロップダウンで前に選択したオプションを編集しようとしています。サービスコールからのデータに基づいてチェックされたオプションを表示できますが、ドロップダウンで他の選択オプションを選択することはできません。私はquasarフレームワークとvue.jsを使用しています。 コード:選択ドロップダウンで選択したオプションを編集する(クエスターのフレームワークの<q-select>)

<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 
}) 
} 

誰かがこれで私を助けることができますか? (データセット以下)

たとえば:あなたはあなたのコンポーネントのプロパティmultiSelectに格納値は、あなたがチェックすることにしたい選択値の配列でなければなりません

答えて

0

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

のに対し「シンプルな」選択フィールドの場合(単一選択)

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

あなただけの場合

this.selectedValue = 'identifier' 
関連する問題