使用element的自定义tree组件

在使用elemnet-ui时,需要自定义tree的一些元素,采用 :render-content属性来进行渲染这些元素,但是官网给的例子有一点小坑,

 renderContent:function(createElement, { node, data, store }) {
                var self = this;
                return createElement('span', [
                    createElement('span', node.label),
                    createElement('span', {attrs:{
                        style:"float: right; margin-right: 200px"
                    }},[
                        createElement('el-button',{attrs:{
                            size:"mini"
                        },on:{
                            click:function() {
                                console.info("点击了节点" + data.id + "的添加按钮");
                                store.append({ id: self.baseId++, label: 'testtest', children: [] }, data);
                            }
                        }},"添加"),
                        createElement('el-button',{attrs:{
                            size:"mini"
                        },on:{
                            click:function() {
                                console.info("点击了节点" + data.id + "的删除按钮");
                                store.remove(data);
                            }
                        }},"删除"),
                    ]),
                ]);
            }

 

posted @ 2017-08-18 15:06  张晓艳  阅读(4245)  评论(0)    收藏  举报