首页 > 其他分享 >vue2升vue3后部分异常解决

vue2升vue3后部分异常解决

时间:2023-04-20 10:26:56浏览次数:58  
标签:el 官方站点 element plus vue2 vue3 异常

element-ui 升为 element-plus

首先建议参考element-plus官方站点: https://element-plus.org/zh-CN/

部分组件标签直接变更

如 el-submenu 变更为 el-sub-menu

浏览器提示 ElementPlusError: [ElOnlyChild] no valid child node found

哪个页面有该提示就搜 "slot=" ,然后到element-plus官方站点查现在应该怎么写。如 中的 button 原来是这么写的

<el-button slot="reference" type="warning" plain size="small">下载</el-button>

element-plus官网里改成这么写了

<template #reference>
  <el-button type="warning" plain size="small">下载</el-button>
</template>

目前发现有相关提示的标签有:

  • el-popconfirm
  • el-popover

标签:el,官方站点,element,plus,vue2,vue3,异常
From: https://www.cnblogs.com/winstonet/p/17335790.html

相关文章

  • 配置全局异常
    配置相关在python3.6之后,处理文件的路径模块由原来的os变成pathlib,这两者之间互相不会收到影响。settings配置文文件frompathlibimportPathimportosimportsys#项目根路径#我们就是要让小路飞路径作为项目根路径BASE_DIR=Path(__file__).resolve().parent.pa......
  • Java异常处理
    异常的产生、处理捕捉异常 try{可能有异常的代码序列}[catch(异常类型1变量){处理的代码1}]*[finally{必然执行的代码}]?  说明:1.必须至少有一个catch或finally,不能只有try的部分。try-catch-finally 语句可以进行嵌套。2.当在try子句、catch子句、fina......
  • Vue3 watchEffect函数
    视频3.watchEffect函数watch的套路是:既要指明监视的属性,也要指明监视的回调。watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性。watchEffect有点像computed:但computed注重的计算出来的值(回调函数的返回值),所以必须要写返回值。而wa......
  • 18 同步与异常(四) 原子操作
    1简介原子操作此操作是不会被打断的2ldrex、strex、teqldrex相对ldr而言此命令多了ex(exclude排除),意为独占eg:将会对ldrr0,r1命令中的r1标记为独占strex相较于str基本功能而言多出清除独占标记eg:strexr2,r0,r1将r0写入r1,并清除r1的独占标记。成功将r2设为0,......
  • Vue3 watch时value的问题
    视频componentsDemo.vue<template> <h2>当前求和为:{{sum}}</h2> <button@click="sum++">点我+1</button> <hr> <h2>当前的信息为:{{msg}}</h2> <button@click="msg+='!'">修改信息</button&g......
  • vue3学习之tabler组件Layout布局
    上一篇使用的bootstrap-vue-next项目迭代很快,考虑还未发文档和正式版本(自己菜)改用原生bootstrap模板tabler项目。tabler安装运行不想安装可直接打开tabler\demo目录下html文件浏览查看效果#获取后目录下运行npminstall#需要先安装https://github.com/oneclick/rubyinst......
  • Vue3 watch监视数据
    watch监视ref定义的数据视频watch监视reactive定义的数据视频2.watch函数与Vue2.x中watch配置功能一致两个小“坑”:监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置失效)。监视reactive定义的响应式数据中某个属性时:deep配置有效。/......
  • vue2源码-九、异步更新
    异步更新异步更新原因以下情况下:vm.name='123'vm.name='234'vm.name='123'...如果我们频繁的修改一个数据,就会多次触发视图渲染dep.notify->watcher.update这样就会降低性能,因此就需要采用异步更新策略,仅仅在最后执行一次视图更新操作。思路当数据变化时,先......
  • 源码共读|vue2 工具函数
    前言本期源码共读的课程是学习vue2中的工具函数,学习优秀开源项目的代码的写作思路,看看他们在书写代码中都会考虑到那些问题。资源:源码位置:vue/util.tsatmain·vuejs/vue(github.com)学习目标分析源码学习源码中优秀代码和思想分析源码代码使用Typescript编写,......
  • vue3微信公众号商城项目实战系列(9)购物车页面
    本篇显示购物车中的商品,购物车表结构如下,我们通过接口服务抓取登录用户的购物车信息。表名字段功能shoppingcartcart_id(int)购物车编号user_id(int)用户编号goods_id(int)商品编号goods_name(varchar)商品名称photo(varchar)商品图片price(decimal)......