(web、html)element ui、vue2老项目升级element plus、vue3(本地引用)踩坑记录

网上太少.html项目的案例 ,全是.vue的,用都不会用,转的过程吃了很多亏,又不会用自动工具,且还不想改变太多代码风格,只能自己一个个替换尝试。

(本地仓库引用,不用云端引用)

直接贴差异。

1、引用差异,npn下载后转自己的plugins路径引用

2、部分前端代码的差异

vue 内:

创建VUE不能直接NEW了,data要加()和return,在结尾要引用element plus和中文化element plus

.component('Search', ElementPlusIconsVue.Search)是引用图标库的,用什么图标就引用什么

html内:

button没有mini样式了,得用small,用table时,要注意外层是否有<template>标签,否则表格不显示(我也不是专门写前端的,不知道为什么,反正去掉就正常了,之前是可以的(不知道哪抄过来的))

<template>标签使用时,格式有变化,不能使用以前的slot-scope = xxx,得用 #xxx代替

el-dialog 标签不能用:visible.sync了,得用v-model,且foot得套一层<template #footer>,否则会在左边显示

el-date-picker标签不能使用yyyy-MM-dd,得全部大写

button 的 icon 使用变化了,如下,其中icon的使用也有变化,得单独引入后,使用,详细见官方文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值