谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器

1.添加级联选择器

选择所属分类时需要这样一个级联选择器,所以去ELEMENT UI 的api里找

谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器

复制进去

谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器 

2.添加相关属性

因为级联组件是绑定的一个数组,也就是从父到子的三层分类,我们只需要最后一层的子分类所以这样

 谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器

谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器

因为级联组件是绑定的一个数组,也就是从父到子的三层分类,我们只需要最后一层的子分类所以这样

谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器

3.去除为空的children属性

当子分类为空也就是第三层分类时,子分类属性不显示,不然页面上级联组件最后面会显示空项 

谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器

4.新增测试成功

谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器

谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器