vue开发树形结构组件（组件递归）

本文实例为大家分享了vue开发树形结构组件的具体代码，供大家参考，具体内容如下

需求

一个页面，要显示商品分类，同时每个分类下面还拥有若干子类，子类也可以有子类。

要实现全选单选，子类被逐个全选父类也要标记选中。

第一反应就是树形结构，和递归调用。曾经在做WPF时记得有现成的组件，也学着写过对应的后台。这次我要自己写一个前端的组件了。

这只是我自己花了点时间写的一个vue组件，尚可优化及拓展。仅此与大家分享一下。

效果

实现

js：

CSS：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。