全国咨询热线:18720358503

今天头条入局小程序_vue完成带复选框的树形菜单

类别:企业动态 发布时间:2021-01-07 浏览人次:

vue实现带复选框的树形菜单       这篇文章主要为大家详细介绍了vue实现带复选框的树形菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了vue实现带复选框的树形菜单展示的具体代码,供大家参考,具体内容如下

代码:

 template 
 div id="checkTree" 
 div 
 div 
 ul id="treeDemo" /ul 
 /div 
 /div 
 /div 
 /template 
 script 
 export default {
 name: 'checkTree',
 components:{
 data:function(){
 return{
 setting:{
 check: { 
 enable: true, 
 nocheckInherit: false 
 data: { 
 simpleData: { 
 enable: true 
 zNodes:[
 { id:1,pid:0,name:"大良造菜单",open:true,nocheck:false,
 children: [
 { id:11,pid:1,name:"当前项目"},
 { id:12,pid:1,name:"工程管理",open:true,
 children: [
 { id:121,pid:12,name:"我的工程"},
 { id:122,pid:12,name:"施工调度"},
 { id:1211,pid:12,name:"材料竞价"}
 { id:13,pid:1,name:"录入管理",open:true,
 children: [
 { id:131,pid:13,name:"用工录入"},
 { id:132,pid:13,name:"商家录入"},
 { id:1314,pid:13,name:"机构列表"}
 { id:14,pid:1,name:"审核管理",open:true,
 children: [
 { id:141,pid:14,name:"用工审核"},
 { id:142,pid:14,name:"商家审核"},
 { id:145,pid:14,name:"机构审核"}
 { id:15,pid:1,name:"公司管理",open:true,
 children: [
 { id:1517,pid:15,name:"我的工程案例"},
 { id:1518,pid:15,name:"联系人设置"},
 { id:1519,pid:15,name:"广告设置"}
 { id:16,pid:1,name:"业务管理",open:true,
 children: [
 { id:164,pid:16,name:"合同范本"},
 { id:165,pid:16,name:"合同列表"},
 { id:166,pid:16,name:"需求调度"}
 { id:17,pid:1,name:"订单管理",open:true,
 children: [
 { id:171,pid:17,name:"商品订单"},
 { id:172,pid:17,name:"用工订单"},
 { id:175,pid:17,name:"供应菜单"}
 { id:18,pid:1,name:"我的功能",open:true,
 children: [
 { id:181,pid:18,name:"免费设计"},
 { id:182,pid:18,name:"装修报价"},
 { id:1817,pid:18,name:"项目用工"}
 { id:19,pid:1,name:"分润管理",open:true,
 children: [
 { id:191,pid:19,name:"分润列表"}
 { id:110,pid:1,name:"运营管理",open:true,
 children: [
 { id:1101,pid:110,name:"代理列表"},
 { id:1102,pid:110,name:"代售商品"}
 methods:{
 mounted(){
 $.fn.zTree.init($("#treeDemo"), this.setting, this.zNodes);
 /script 
 style 
 @import '../../../plugins/ztree/zTreeStyle.css';
 /style 

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


推荐阅读

今天头条入局小程序_vue完成带复选框的树形菜单

vue完成带勾选框的树型莱单 本文关键为大伙儿详尽详细介绍了vue完成带勾选框的树型莱单,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下文中案例为大伙儿共享...

2021-01-07
大连网站建设介绍网站设计未来的大体发展趋势

当下伴随着各种各样通信技术性的发展趋势,互连网已先在国逐渐进到普及化环节,很多人到充足享有访问新闻报道,在网上闲聊,互联网手机游戏,在网上买卖,收取和发送电子器件...

2021-01-07
SEO已成荒岛?浅谈SEO的发展趋势

企业动态性制造行业新闻资讯建网站有关九度角度强烈推荐信息内容 SEO已是荒岛?探讨SEO的发展趋势发展趋势 重要词:重庆市SEO 重庆市seo优化 重庆市百度搜索提升 许多人觉得,如今...

2021-01-07
微信小程序的流量入口主要有哪些

微信小程序的流量入口主要有哪些?移动互联网和移动设备深入大众生活,用户接触网络有了更多的渠道和方式,电商流量的碎片化趋势成为必然,企业依靠单一的入口来维持流量增长...

2021-01-07
网站突然被降权 不要慌张自查最重要

网站必须提升,而在提升全过程中,由于提升方式不善,非常容易遭受检索模块被降权惩罚,许多网站站长都担心碰到那样的状况,由于一旦网站被被降权惩罚,这就寓意着之前全部的...

2021-01-07
1分钟带你了解小程序_Vue项目中ESlint规范示例代码

Vue新项目中ESlint标准实例编码 本文关键给大伙儿详细介绍了有关Vue新项目中ESlint标准的有关材料,原文中根据实例编码详细介绍的十分详尽,对大伙儿学习培训或是应用Vue具备一...

2021-01-07
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信