vue2.0 组件 vue-ztree 技巧

安装:npm install vueZtree --save-dev引入import vueZtree from &amp;quot;vue-ztree/src/components/vue-ztree&amp;quot;;用法参考https://github.com/lisiyizu/vue-ztree-2.0注意事项末尾都要有 children , 空数组也可以

萝卜芹菜芽

9021人浏览 · 2018-07-11 14:14:09

萝卜芹菜芽 · 2018-07-11 14:14:09 发布

安装:
```
npm install vueZtree --save-dev
```

引入

import vueZtree from "vue-ztree/src/components/vue-ztree";

用法参考
https://github.com/lisiyizu/vue-ztree-2.0
####注意事项

末尾都要有 children , 空数组也可以，不然会报错
业务：这两个地方都可以控制展开和关闭

这里写图片描述

即方法： expandClick & nodeClick

expandClick 自带展开和关闭

问：如何用节点(nodeClick) 来控制展开和关闭

属性： isFolder = true //打开
属性： isFolder = false //关闭

自己区分状态，是否该发起请求 & 打开或关闭

附代码：
这里写图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^