2021-10-18

使用Vue实现商品分类级别动态切换

一.需求:
1.根据选择分类级别,动态来渲染他的上级分类。

二.效果图:
选择三级分类,他的上级分类只显示一级分类、跟二级分类。以此类推。

2021-10-18
三.实现思路

1.由于后端是把所有的分类ID都一个接口给我了,就是一个数组对象,通过children来渲染他的下级分类。
2.首先使用watch监听器,监听选择的分类级别,监听watch监听器的newVal的值,
3.对newVal的值进行一个if判断,判断他属于几级分类。
4.除了一级分类以外,都调用获取他的所有商品分类的接口。使用一个递归算法实现根据选择的分类级别渲染商品分类。

2021-10-18

2021-10-18

纯粹记录一下自己写的一些实现功能,不喜勿喷。

上一篇:解决点击按钮实现路由跳转后Element导航控件没有同步高亮的问题


下一篇:[Vue]Vue3 中的 ref 和 reactive 有什么区别