vue项目启动报错：Support for the experimental syntax ‘jsx‘ isn‘t currently enabled

最新推荐文章于 2024-11-21 23:24:29 发布

是啥东西呢

最新推荐文章于 2024-11-21 23:24:29 发布

阅读量7.2k

点赞数

分类专栏：前端 html 文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/m0_67401270/article/details/123373560

版权

在使用Vue和ElementUI的项目中，遇到表格组件jsx语法支持错误。通过在.babelrc文件中添加@vue/babel-preset-jsx解决，包括安装依赖和更新.babelrc配置，重新启动项目后问题解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

框架：vue+ElementUI

如图所示：在表格的最后一列操作处，当鼠标移上去时，要求提示语提示给用户

此处使用到了Element框架的el-table 的一个属性如下：

Table-column Attributes

代码如下：

<el-table>
    <el-table-column  label="操作" :render-header="renderHeader" align="center">
         <template slot-scope="scope">
                   <el-button v-if="scope.row.operation==='add'" type="text" @click="handleAddClick('add',scope.$index)">新增</el-button>
                    <el-button v-else type="text" @click="handleAddClick('del',scope.$index)">删除</el-button>