vue3.2 + elementplus 2.+构建项目兼容chrome49存在的问题

19 篇文章 0 订阅
12 篇文章 0 订阅

一. 使用vue3.2 + elementplus 1. 尝试发现:
el-cascader 筛选插件点击无响应且表单样式错乱
在这里插入图片描述

在这里插入图片描述
解决方案:换elementplus2.+
二. 使用vue3.2 + elementplus 2. +尝试发现:
el-cascader 可以使用
但是2重构了很多样式,例如已知1是使用broder做的input的边框,2采用了box-shodow,其中box-shodow中使用var嵌套的写法貌似在chrome49不兼容

在这里插入图片描述

解决方案:先重写了一些使用box-shodow的组件样式
不能使用1版本的样式,使用确实可以解决边框问题,但是表单还是错乱的

三:关于vue3,2兼容chrome的问题,建议使用core.js代替babel-polyfill做垫片兼容,否则会出现很多奇怪的bug

四:关于使用按需引入,const AutoImport = require(‘unplugin-auto-import/webpack’) (vue.config.js)
gitlab自动化打包会存在找不到模块的情况,已知是gitlab线上node版本过低,目前前端暂时使用全量引入解决

五:关于webpack5如果使用defineConfig,配置项产生了一些改变,需要查阅文档

新增关于表格使用fixed固定列,2使用粘性定位和之前不同,谷歌49不兼容,对于确定固定的需求可以不使用它的配置项,用fixed布局和nth选择器重构样式完成,对于不确定的固定列,我一开始想用v3.2新特性v-bind css配合nth选择器,发现并不可以,还有一种不太优雅的方式,使用1.3.0之前的eltable,他的组件分离化做的不行,只能npm下旧版本起别名,然后main中引入eltable组件,还有样式,得在高版本注册后引入,低版本也有bug,高度不给fixed会无限滚动,经过长远考虑,决定放弃,还是用v2加elementui写了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值