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"]
}
相关推荐
小雨下雨的雨几秒前
Flutter 框架跨平台鸿蒙开发 —— Flex 控件之响应式弹性布局
flutter·ui·华为·harmonyos·鸿蒙系统
Hey小孩2 分钟前
[个人总结] LDD3:3.字符驱动 - scull(4)
linux·驱动开发
陈让然3 分钟前
VS Code新版本无法连接WSL ubuntu18.04
linux·运维·ubuntu
oMcLin6 分钟前
如何在Oracle Linux 8.4上通过配置Oracle RAC集群,确保企业级数据库的高可用性与负载均衡?
linux·数据库·oracle
lpfasd1236 分钟前
宝塔面板使用流程及注意事项
运维
小杰帅气7 分钟前
神秘的环境变量和进程地址空间
linux·运维·服务器
Vect__8 分钟前
基于CSAPP对链接和库的理解
linux
胖咕噜的稞达鸭9 分钟前
进程间的通信(1)(理解管道特性,匿名命名管道,进程池,systeam V共享内存是什么及优势)重点理解代码!
linux·运维·服务器·数据库
电气铺二表姐1377441661510 分钟前
超市冷柜专区电能计量方案:高能耗设备独立监测与优化
运维·物联网·能源
Coder个人博客10 分钟前
Linux6.19-ARM64 boot Makefile子模块深入分析
linux·车载系统·系统架构·系统安全·鸿蒙系统