1.添加级联选择器

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

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

复制进去

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

2.添加相关属性

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

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

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

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

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

3.去除为空的children属性

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

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

4.新增测试成功

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

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

相关文章:

  • 2021-07-12
  • 2021-04-04
  • 2021-07-27
  • 2022-01-21
  • 2021-08-02
  • 2021-11-01
  • 2021-10-22
猜你喜欢
  • 2021-12-18
  • 2021-06-05
  • 2021-11-24
  • 2021-09-02
  • 2021-10-30
  • 2022-01-06
  • 2022-02-19
相关资源
相似解决方案