elment-ui的el-tree 采用render-content的jsx语法怎么写编辑删除节点

在使用这个的时候会报错。原因是渲染的时候使用的是render-content的jsx语法。必须引入插件。

 

 

因为render-content要使用jsx语法

要使用babel-plugin-transform-vue-jsx插件

https://github.com/vuejs/babe...

 

 

添加的时候可以添加子节点和同级节点

//      添加子节点
        append(store, data ,node) {
                 this.addChapterVisible = true;//这里打开了一个弹窗填写节点的信息的。
                 this.parentid=data.id;  //子节点的父节点就是当前节点
        },

//      添加同级目录
        append1(store,data) {
                 this.addChapterVisible = true;
                 var dataid=data.id;
                 var parentid=this.$refs.tree.getNode(dataid).parent.data.id;//根据点击的节点获取他的父节点。这个是element-ui 2.版本才有的属性。低级的还没有办法。
                 if(dataid==parentid){this.parentid=''}//没有父节点的最高级。父节点置空
                 else{this.parentid=parentid;}
               
        },