element ui this.$msgbox 自定义组件

javascript 复制代码
            this.$msgbox({
                title: "选择", 
                message: (
                    <com1
                         figs={this.figs} 
                        on-selected={this.new_selected}
                    ></com1>
                ),
                showCancelButton: false,
                showConfirmButton: false,
            });

运行报错 Syntax Error: Unexpected token (89:20)

参考:

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

javascript 复制代码
npm install\
  babel-plugin-syntax-jsx\
  babel-plugin-transform-vue-jsx\
  babel-helper-vue-jsx-merge-props\
  babel-preset-env\
  --save-dev

在项目文件夹中创建.babelrc文件

javascript 复制代码
{
  "presets": ["env"],
  "plugins": ["transform-vue-jsx"]
}
相关推荐
珠海西格电力科技11 小时前
微电网能量平衡理论的实现条件在不同场景下有哪些差异?
运维·服务器·网络·人工智能·云计算·智慧城市
A星空12311 小时前
一、Linux嵌入式的I2C驱动开发
linux·c++·驱动开发·i2c
释怀不想释怀11 小时前
Linux环境变量
linux·运维·服务器
zzzsde11 小时前
【Linux】进程(4):进程优先级&&调度队列
linux·运维·服务器
凡人叶枫11 小时前
C++中智能指针详解(Linux实战版)| 彻底解决内存泄漏,新手也能吃透
java·linux·c语言·开发语言·c++·嵌入式开发
yuanmenghao11 小时前
Linux 性能实战 | 第 7 篇 CPU 核心负载与调度器概念
linux·网络·性能优化·unix
qq_2975746712 小时前
Linux 服务器 Java 开发环境搭建保姆级教程
java·linux·服务器
70asunflower12 小时前
Emulation,Simulation,Virtualization,Imitation 的区别?
linux·docker
一起养小猫12 小时前
Flutter for OpenHarmony 实战_魔方应用UI设计与交互优化
flutter·ui·交互·harmonyos
聆风吟º13 小时前
CANN开源项目实战指南:使用oam-tools构建自动化故障诊断与运维可观测性体系
运维·开源·自动化·cann