Vue.js 递归组件实现树形菜单实例分享

最近看了 Vue.js 的递归组件,实现了一个最基本的树形菜单

项目结构:

main.js 作为入口,很简单:

h(main) })

它引入了一个组件 main.vue:

rush:js;">

文件引入了树形组件 treeMenu.vue:

rush:js;">

就这么简单。这篇文章还真没什么可写的,权当记录吧。

截图效果如下:

项目代码下载地址:

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

相关文章

可以通过min-width属性来设置el-table-column的最小宽度。以...
yarn dev,当文件变动后,会自动重启。 yanr start不会自动重...
ref 用于创建一个对值的响应式引用。这个值可以是原始值(如...
通过修改 getWK005 函数来实现这一点。这里的 query 参数就是...
<el-form-item label="入库类型" ...
API 变动 样式类名变化: 一些组件的样式类名有所变动,可能需...