el-select-groupの場合 el-select-groupとdataを使用すると、子が[]であるため、オプションを選択できません それは私のデータです
data() {
return {
options3: [{
label: 'Popular cities',
options: [{
value: 'Shanghai',
label: 'Shanghai'
}, {
value: 'Beijing',
label: 'Beijing'
}]
}, {
label: 'Indonesia',
options: [{
value: 'Jakarta',
label: 'Jakarta'
}, {
value: 'Bandung',
label: 'Bandung'
}]
}, {
label: 'Singapore',
options: []
}, {
label: 'Thailand',
options: []
}],
value7: ''
}
}
期待：子供がいて、子供が[]のときに選択できるオプションを選択します。
ここに私のコードがあります https://jsfiddle.net/dede402/jruzj07d/
回答 1 件
関連記事
- データベースで更新する前に、グリッドビューの要素の値を変更するにはどうすればよいですか？
- クリック時にID /クラスを持つ親子よりも要素の親を選択するにはどうすればよいですか？
- 要素エラー：12個の要素が必要です。新しい要素の値は8です。
- 子要素を親要素のonclick関数に応答しないようにしますが、それ自体のコンテンツには応答します
- Arraymap（）で以前の親の値にアクセスします
- 子Reactjsから親関数を呼び出すときに表示される値が正しくありません
- クリックされた要素の最も高い親要素を取得する方法は、イベントリスナーが追加された要素の子のままですか？
- 配列の最初と最後の要素のループをスキップして、それらを定数値に設定するにはどうすればよいですか？
- Vuejsフォームは配列で複数の値を取得します
- 小道具を通過した要素の値を取得できません
2つのオプションがあります。
データにオプションを追加する
{ label: 'Singapore', options: [{ value: 'Singapore', label: 'Singapore' }] }テンプレートの変更：
<template> <el-select v-model="value7" placeholder="Select"> <template v-for="group in options3"> <el-option-group v-if="group.options.length > 0" :key="group.label" :label="group.label"> <el-option v-for="item in group.options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-option-group> <el-option v-else :key="group.label" :label="group.label" :value="group.label"> </el-option> </template> </el-select> </template>