vue
程序员小鸿
纵使来路坎坷,前路曲折,也不要失去一往无前的勇气
展开
-
【修复日常bug】element-plus el-select组件上拉加载更多 分页加载 可适用vue3.0(提供组件代码)
目录技术栈版本问题概述directive2.0和3.0的生命周期对比上拉加载实现代码(附完整组件代码)最终实现效果gif技术栈版本vue版本:3.0.7element-plus:1.0.2问题概述项目用到element-plus框架的el-select组件,由于数据量过大需要做分页加载,发现vue无法触发directives里面的bind方法,经过排查是由于vue3.0做了改版,跟2.0生命周期不一样。directive2.0和3.0的生命...原创 2021-05-10 19:21:20 · 3179 阅读 · 7 评论 -
【修复日常bug】element-plus框架table组件toggleRowSelection方法设置无效
版本vue版本:3.0.7element-plus:1.0.2问题概述element-plus框架的el-tables组件toggleRowSelection函数设置选中值无效;//设置无效this.$refs.multipleTable.toggleRowSelection(this.popup_config.table.list[b],true);解决思路初次用setTimeout测试2000毫秒延迟生效了,断定是el-table未渲染完成导致;故:加上$..原创 2021-04-22 15:42:19 · 3607 阅读 · 0 评论 -
【修复日常bug】京东富文本详情图变形的多种处理方式(解决商品详情图片宽高不适应问题)
我前面写过一篇解析京东富文本详情的文章:https://blog.csdn.net/qq_35610214/article/details/102468150上面这篇文章是处理小程序无法显示京东商品详情的问题,处理方式有很多弊端,是把富文本详情图https地址正则解析下来后重新拼接image标签渲染新数据;上面方法目前不赞同使用,因为我有更好的解决方法;问题概述问题一:京东商品详情图片在移动端显示过大,显示不全,无法自适应(京东样式写死宽高导致)问题二:京东商品详情图片比.原创 2020-07-21 10:48:06 · 2391 阅读 · 0 评论 -
【修复日常bug】移动端vant框架van-password-input组件在pc端无法点击
摘要vant本身是个移动端框架,没有做pc端兼容处理,在pc端使用(van-password-input)密码输入框组件,会导致无法点击的情况发生,如果按f12,开启手机端调试模式是正常的,因为浏览器本身有模拟手机端的调试,我遇到的情况就是,原先项目使用了vant框架做h5页面,然后需要在pc端运行,修改了pc端显示的h5尺寸宽度为414px,效果也就是一个小手机的样式显示在页面并居中。遇到问题那么问题来了,如果在pc端不开启f12手机模拟调试,导致van-password-input组件.原创 2020-05-14 11:18:38 · 5035 阅读 · 2 评论 -
【修复日常bug】处理vue打包导致vendor.js文件过大
我看网上的教程写的都不是很清楚,所以这里写详细一些。通常我们在npm run build打包项目部署到服务器上运行,会看到Network调试下有个vendor.js文件加载耗时很慢,这就导致了整个网站首次加载非常缓慢:如果项目导入的第三方库过多(第三方库占用实际内存空间太大),打包以后的项目大小+第三方库都会合成vendor.js文件中,这也就是导致vendor.js加载缓...原创 2019-06-25 20:00:42 · 5738 阅读 · 1 评论