其他分享
首页 > 其他分享> > 2021-10-18

2021-10-18

作者:互联网

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

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

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

在这里插入图片描述
三.实现思路

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

在这里插入图片描述

在这里插入图片描述

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

标签:10,渲染,18,分类,watch,newVal,2021,监听器,级别
来源: https://blog.csdn.net/qq_42522346/article/details/121073788