vue+element 树形组件tree自定义节点

最新推荐文章于 2024-08-08 14:18:47 发布

aithena

最新推荐文章于 2024-08-08 14:18:47 发布

阅读量3.9k

点赞数

分类专栏： vue 文章标签： tree element vue

本文链接：https://blog.csdn.net/aithena/article/details/89377713

版权

vue 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

1、下载安装依赖包

npm install babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props babel-preset-env --save-dev

2、项目根目录下新建 .babelrc 文件，并写入代码

{
    "presets": [
        ["env", {
            "modules": false,
            "targets": {
                "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
            }
        }],
        "stage-2"
    ],
    "plugins": ["transform-runtime","transform-vue-jsx"],
    "env": {
        "test": {
            "presets": ["env", "stage-2"],
            "plugins": ["transform-vue-jsx","istanbul"]
        }
    }
}

3、html

<el-tree
    :data="item.children"
    :render-content="renderContent">
</el-tree>

4、js

methods: {
    renderContent(h, {node, data, store}){
      return (
        <span></span>
      );
    },
    other(){
        // some code
    },
    .......
    .......
}