最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue實(shí)現(xiàn)帶復(fù)選框的樹形菜單

 更新時間:2019年05月27日 17:12:13   作者:就叫青稞吧  
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)帶復(fù)選框的樹形菜單,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了vue實(shí)現(xiàn)帶復(fù)選框的樹形菜單展示的具體代碼,供大家參考,具體內(nèi)容如下

代碼:

<template>
  <div id="checkTree">
    <div class="tree-box">
      <div class="zTreeDemoBackground left">
        <ul id="treeDemo" class="ztree"></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:"當(dāng)前項(xiàng)目"},
          { id:12,pid:1,name:"工程管理",open:true,
            children: [
              { id:121,pid:12,name:"我的工程"},
              { id:122,pid:12,name:"施工調(diào)度"},
              { 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:"機(jī)構(gòu)列表"}
            ]
          },
          { id:14,pid:1,name:"審核管理",open:true,
            children: [
              { id:141,pid:14,name:"用工審核"},
              { id:142,pid:14,name:"商家審核"},
              { id:145,pid:14,name:"機(jī)構(gòu)審核"}
            ]
          },
          { id:15,pid:1,name:"公司管理",open:true,
            children: [
              { id:1517,pid:15,name:"我的工程案例"},
              { id:1518,pid:15,name:"聯(lián)系人設(shè)置"},
              { id:1519,pid:15,name:"廣告設(shè)置"}
            ]
          },
          { id:16,pid:1,name:"業(yè)務(wù)管理",open:true,
            children: [
              { id:164,pid:16,name:"合同范本"},
              { id:165,pid:16,name:"合同列表"},
              { id:166,pid:16,name:"需求調(diào)度"}
            ]
          },
          { id:17,pid:1,name:"訂單管理",open:true,
            children: [
              { id:171,pid:17,name:"商品訂單"},
              { id:172,pid:17,name:"用工訂單"},
              { id:175,pid:17,name:"供應(yīng)菜單"}
            ]
          },
          { id:18,pid:1,name:"我的功能",open:true,
            children: [
              { id:181,pid:18,name:"免費(fèi)設(shè)計"},
              { id:182,pid:18,name:"裝修報價"},
              { id:1817,pid:18,name:"項(xiàng)目用工"}
            ]
          },
          { id:19,pid:1,name:"分潤管理",open:true,
            children: [
              { id:191,pid:19,name:"分潤列表"}
            ]
          },
          { id:110,pid:1,name:"運(yùn)營管理",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>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

祁连县| 德州市| 南汇区| 高阳县| 林甸县| 邓州市| 扶余县| 自贡市| 延川县| 洛扎县| 博罗县| 山丹县| 达日县| 洪雅县| 蓬莱市| 长垣县| 衡东县| 旌德县| 迁安市| 丹棱县| 穆棱市| 临夏市| 内乡县| 玛纳斯县| 甘肃省| 石城县| 突泉县| 安岳县| 乐清市| 德格县| 乡宁县| 景德镇市| 邮箱| 漳平市| 墨竹工卡县| 乐清市| 迭部县| 禄劝| 来安县| 得荣县| 日喀则市|