1.el-select
(1) 単一の選択肢: v-model は文字列または数値にバインドされます
data(){
return {
value: '1'
}
}
<el-select v-model="value"></el-select>
(2) 多肢選択: v-model は 1 次元配列 ['1', '2'] にバインドされ、id の値は配列に格納されます。
data(){
return {
value: ['1','2']
}
}
<el-select v-model="value" multiple></el-select>
2.エルカスケード
(1) 単一選択: v-mode は 1 次元配列 ['1', '2'] にバインドされ、id の値は配列に格納されます。
data(){
return {
value: ['1','2']
}
}
<el-cascader v-model="value"></el-cascader>
(2) 多肢選択: v-model は 2 次元配列 [[1,2,3], [1,2,4], [1,2,5]] にバインドされており、配列には親から最後の子までの ID が格納されます。
data(){
return {
value: [[1,2,3],[1,2,4],[1,2,5]]
}
}
<el-cascader v-model="value" multiple></el-cascader>