view js 实现 树形菜单
2021-07-09 03:05
标签：class nbsp ops 图标 style code 使用 添加 javascrip 使用： view js 实现 树形菜单 标签：class nbsp ops 图标 style code 使用 添加 javascrip 原文地址：http://www.cnblogs.com/whm-blog/p/7094588.html添加一个模板。
template id="menu-template">
li v-if="model.nodes!=undefined">
a href="#" class="menu-dropdown"> i class="menu-icon ${child.icon!‘‘}">i> span class="menu-text">
{{model.title}} span> i class="menu-expand">i>
a>
ul class="submenu">
item v-for="model in model.nodes" :model="model">item>
ul>
li>
li v-else>
a href="javascript:void(0)" data-url="">i class="menu-icon ">i>
span class="menu-text">{{model.title}}span>a>
li>
template>注册组件
Vue.component(‘item‘, {
template: ‘#menu-template‘,
props: {
model: Object
}
})