1 Star 0 Fork 36

apple006 / v-tree

forked from 一枚码农 / v-tree 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

what is v-tree?

Tree menu based on Vue

en:A demo path: v-tree/src/components/vTreeDemo.Vue

zh:一个demo的路径: v-tree/src/components/vTreeDemo.Vue

Explain:

en:Functions already implemented: Single election、check box、Cascade selection、Yes/No pull-down、Callback function before clicking on node、
Click node function、Check/Cancel Check Box Events、Asynchronous loading node

zh:单选、复选、复选是/否级联选择(默认级联选中)、是否展示下拉虚线、点击节点回调函数,返回true 选中并触发选中事件,false相反,
节点选中事件,返回选中节点信息和上个选中节点信息,选中/取消选中复选框事件,将返回所有选中复选框数据
异步加载数据

Vue custom variables and function description. vue自定义变量和函数说明

Default single selection

:treeNode     type:json    default:[]

Standard JSON tree node,'name' attribute required. 标准json tree节点,name属性必填

:allOpen      type:boolean    default:false

Open/close all nodes
开启/关闭所有节点

:nodeTrigger     type:boolean     default:false

Click on a node to trigger a node event
点击节点是否触发节点事件

@call    type:Function     parameter:inside treeNode,You can change it and the page will be re-rendered.

Initialize callback function 初始化回调函数 参数为节点数据的深拷贝,你可以修改此数据,tree将会重新渲染

:beforeClick    type:Function     parameter:Current node information(参数:当前节点信息)

Trigger the callback function before clicking on the node,
return false Unable to trigger clickNode 击节点前触发回调函数,return false 无法触发clickNode事件

:clickNode    type:Function     parameter 1:Current node information,parameter 2:Last selected node information(上一个选中的节点信息)

click node callback function 点击节点 回调函数

:checkBox    type:boolean     default:false

Open/close the check box 开启/关闭复选框

:checkBoxType    type:boolean     default:true

Open/close Cascade Selection 开启/关闭级联选中

@checkBoxCall    type:Function     parameter:All selected node sets(所有选中的节点集合)

Check/uncheck check box callback function 选中/取消选中复选框回调函数

:async    type:boolean     default:false

Open/close async loading 是否开启异步 默认关闭

:asyncCall    type:Function     parameter 1:Current node information,parameter 2:callback function,Receive an array parameter  
Example:

asyncCall(data, call) {    //data:Current node information
        setTimeout(function () {
          let hm = '' + (new Date()).getTime();
          let addNode = [
            {id: hm, name: "children node" + hm.substr(hm.length - 4, hm.length)},
          ];
          call(addNode);  //callback function
        }, 800);
      }

async loading callback function 异步回调函数function(data,call),data:current node, call 回调执行,接收一个数组参数

A complete example:

    <Tree
        :treeNode="treeNode"
        :allOpen="allOpen"
        :nodeTrigger="nodeTrigger"
        :checkBox="checkBox"
        :beforeClick="beforeClick"
        :checkBoxType="checkBoxType"
        :clickNode="clickNode"
        :hiddenLine="hiddenLine"
        @checkBoxCall="asyncCheckBoxCall"
        @call='callAsync'
        :async="async"
        :asyncCall="asyncCall"
    />

Pull Request

If you find a mistake,Welcome Pull Request

image

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8089
npm run dev
MIT License Copyright (c) 2018 miller Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

基于vue封装的树形菜单,已实现单选、复选、级联中选、单选前回调、单选事件、复选事件,异步加载等功能,简单好用,欢迎查看demo,首发在github上,演示地址--> 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/tang006/v-tree.git
git@gitee.com:tang006/v-tree.git
tang006
v-tree
v-tree
master

搜索帮助

14c37bed 8189591 565d56ea 8189591