聯動下拉選框

<el-form-item label="店鋪分類">
<el-cascader
:options="categoryOption"
v-model="selectedCategory"
change-on-select
></el-cascader>
</el-form-item>

categoryOption:[{"value":"快餐便當","label":"快餐便當","children":[{"value":"簡餐","label":"簡餐"},{"value":"蓋澆飯","label":"蓋澆飯"},{"value":"米粉面館","label":"米粉面館"},{"value":"包子粥店","label":"包子粥店"},{"value":"香鍋砂鍋","label":"香鍋砂鍋"},{"value":"麻辣燙","label":"麻辣燙"},{"value":"餃子餛飩","label":"餃子餛飩"},{"value":"漢堡","label":"漢堡"},{"value":"生煎鍋貼","label":"生煎鍋貼"},{"value":"黃燜雞米飯","label":"黃燜雞米飯"},{"value":"燒臘飯","label":"燒臘飯"},{"value":"煲仔飯","label":"煲仔飯"},{"value":"咖喱飯","label":"咖喱飯"}]},{"value":"快餐便當","label":"快餐便當","children":[{"value":"簡餐","label":"簡餐"},{"value":"蓋澆飯","label":"蓋澆飯"},{"value":"米粉面館","label":"米粉面館"},{"value":"包子粥店","label":"包子粥店"},{"value":"香鍋砂鍋","label":"香鍋砂鍋"},{"value":"麻辣燙","label":"麻辣燙"},{"value":"餃子餛飩","label":"餃子餛飩"},{"value":"漢堡","label":"漢堡"},{"value":"生煎鍋貼","label":"生煎鍋貼"},{"value":"黃燜雞米飯","label":"黃燜雞米飯"},{"value":"燒臘飯","label":"燒臘飯"},{"value":"煲仔飯","label":"煲仔飯"},{"value":"咖喱飯","label":"咖喱飯"}]}

],
categoryOptions:[],
selectedCategory: ['快餐便當', '簡餐']
一級：
category:'',
options: [{
value: '類目1',
label: '類目1'
}, {
value: '類目2',
label: '類目2'
}, {
value: '類目3',
label: '類目3'
}, {
value: '類目4',
label: '類目4'
}],

?

轉載于:https://www.cnblogs.com/liuzhouyuan/p/9441994.html

總結

以上是生活随笔為你收集整理的element-ui使用笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。