ElementUI Tree樹形控件renderContent return時報錯

問題描述:

使用Tree樹形控件使用render-content渲染時return后報錯或npm run dev時候報錯,報錯信息相同,如下:

問題分析:

renderContent函數中需要使用jsx語法,需要安裝vue中的jsx的插件transform-vue-jsx才支持jsx的寫法

解決方法:

1:安裝相關依賴:

npm install babel-plugin-transform-vue-jsx
npm install babel-helper-vue-jsx-merge-props
npm install babel-plugin-syntax-jsx

2:配置插件:

在根目錄下找到.babelrc文件,加入配置:

{
    "plugins": ["transform-vue-jsx"]
}

如下圖所示:　

3:再次運行npm run dev即可