element-ui使用笔记

联动下拉选框

<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