xiaoniezi / vue-tree Goto Github PK

View Code? Open in Web Editor NEW

189.0 5.0 94.0 150 KB

vue element-ui tree component expand

Home Page: https://xiaoniezi.github.io/2017-10-16/vue-ElementUI-tree-expand/

JavaScript 40.42% HTML 1.76% Vue 57.82%

element-ui vue tree

vue-tree's Introduction

tree

element-ui tree secondary development

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8088
npm run serve

# build for production with minification
npm run build

简单说明

elementUI ^2.2.0可以使用scoped slot的方式自定义节点，所以有两种方式，但原理都是一样。

展示地址

click here

更新说明

2019/04/17

NODE_ID_START 代替 maxexpandId，不用从后台获取
NODE_KEY代替全局id
删除节点采用组件自带方法remove
使用scss

2019/04/26

删除.babelrc文件
更新展示地址：请求地址错误问题

vue-tree's People

Contributors

Stargazers

Watchers

Forkers

glisteningly look625 huajun9108 chaochao6632 c527380322 mgbq liuabo 1012620005 newcoder798 metal88888 chenjinxuansd feng394676418 liruimin2 xiaozhaiqi ruier0502 ruoruchu ruiningy winnie-cf fengqingwu yd112233 beethovenvirus cnitihc0 zhaodanli yadewe chenhuahuan 1072258106 sjiqimiao liquanpan11 huaiguoguo chengqinngling webengineergh renyh1208 skyformat99 liuqiangh alreadgo zkk910826 studyinhub pyaly tracylzw justonewk dawan1 curt-mofeilin adiazarya100 michaelxiaohan carrie7788 mutekinodango xinhua6 yushengling lisongtaog ypdabendan jsbeta zhangyanhong1 se7enbor xpwdm2020 jcbound alex-testlab losecher pengfei0614 sealien teng2015 whiteviolet jyflows cyy12115021003 adodo0829 stevensy diyewu zhaoxianfang huirongwow wangerpeng hangfengnice hangxun chinneji choloe hotthink qinshou003 kalllx vincent-cong goldprog bwpaj doushimutou minieyes lian-love itmier qiongyuxiliang yuerl 2012060100030 kekevin hupg-95 wwwk sayensun lightgo qq664219802 wustzdy lion-brave

vue-tree's Issues

您好，很棒的项目~！请教您一个问题

我现在有一个需求，需求的大部分功能您都实现了。大概是做一个类似vscode左侧的文件树，不同的是新增节点的时候在当前节点的子节点新增一个输入框，输入框的位置要始终显示在当前树的可视界面上。输入框失焦后，输入框消失，取而代之的是刚刚新建的节点。需求大概是这些。我在做的时候在新建输入框的定位思路上没有头绪。我不是伸手党，您给点思路就行哈~

设置expand-on-click-node=true,点击新增节点，马上就会收缩节点，

我要设置点击节点名称展开节点，点击新增也可以新增节点，这种可以实现吗？

怎么让页面加载成功后自动执行第一个节点的handleNodeClick事件？

把你的页面直接复制到自己的里面是空的不显示内容

也不会报错大概是什么原因·

slotTree.vue和slot_tree.vue有什么区别

一个用点是maxexpandId，另一个是NODE_ID_START ？

删除了节点Tree Node没有更新

你好，使用demo代码slot_tree.vue，操作删除了省下面的市节点,Tree dom没有更新，数据this.setTree打印确实已经移除了。请问一下是什么原因，谢谢~

点编辑按钮没有反应

在vue里自己造的假数据是可以正常编辑和删除的，但是调用了后端数据之后，可以正常显示，也可以删除，但就是点编辑的时候不出现输入框，看了一下idEdit已经变成了true，请问一下这是为什么呢？

Tree datalist isEdit这个属性都是false为啥还要加入数据库呢?不能从数据里面分离出来吗

为什么删除之后，显示成功但是dom没有消失？

调用接口后页面是空白的

created () {
  this.getPersonnel()
},
methods: {
  getPersonnel () {
      this.$http({
        method: 'GET',
        url: '/api/operator/department/tree',
        headers: {
          'X-Access-Token': 'cloudminds_admin'
        }
      }).then((res) => {
        let result = res.data
        if (result.code === 0) {
          let arr = []
          this.maxexpandId = result.maxexpandIds
          this.non_maxexpandId = result.maxexpandIds
          arr.push(result.data.children)
          this.setTree = arr
        }
      })
  },