vue+element中的el-tree的自定义节点内容相关配置

首先需要下载依赖包，此处主要讲需要使用的jsx部分，需要下载：

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

下载babel-plugin-transform-vue-jsx需要加上版本如：npm install babel-plugin-transform-vue-jsx@3 --save-dev

参考https://github.com/vuejs/babel-plugin-transform-vue-jsx

然后需要配置.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"]
    }
  }
}

然后在页面中使用就可以了，