vue
文章平均质量分 57
yujin0213
这个作者很懒,什么都没留下…
展开
-
vue使用pdf.js实现移动端在线PDF文件预览
pdfjs实现vue pdf预览原创 2022-07-22 18:25:30 · 6314 阅读 · 2 评论 -
解决Vue项目在iOS 10 报错 “Cannot declare a let variable twice: ‘r‘”
问题描述如下图所示,H5页面在iPhone7P及IPhone5c(iOS 10)手机上打开白屏,使用vconsole查看报错原因是Cannot declare a let variable twice: 'r'问题定位原因是由于ios10的bug,按报错的描述来看原因是“变量不能被let声明两次”,但其实仔细review代码,并没有出现这种情况。尝试一一开始想到的最简单的方式,就是找到对应的模块,将所有的let修改为var,但是没有起作用。尝试二按照网上的解决方案,修改webpack的配置,原创 2021-10-31 17:00:19 · 2416 阅读 · 0 评论 -
webstorm配置能识别Vue CLI3 创建项目的别名 alias @
问题webstorm无法识别vue3 cli里面创建项目的别名@,如下图解决方案在 Preferences > Languages & Frameworks > JavaScript > Webpack配置路径/project-name/node_modules/@vue/cli-service/webpack.config.js原创 2021-05-11 20:18:45 · 564 阅读 · 0 评论 -
解决Vue项目在iOS 9 报错 “SyntaxError: Unexpected keyword ‘const‘. Const...“
问题描述如下图所示,H5页面在iPhone5s(iOS 9)手机上打开白屏,使用vconsole查看报错原因是"SyntaxError: Unexpected keyword ‘const’. Const…",低版本浏览器不支持es6语法。但是查看打包后的app.js,其实是没有const的,而报错里面的11.js是有cosnt原因查看对应的代码,发现该文件里引入了三方库里面的方法,但是node_modules里的依赖默认是不会被babel处理的,所以es6的语法没有被转化成es5的,低端浏览器不支原创 2021-03-18 19:46:49 · 2446 阅读 · 0 评论 -
解决移动端input点击与失焦事件冲突
问题描述如下图所示,移动端的输入框,后面是一个清除按钮。业务场景是收起键盘的时候触发校验逻辑,但是实现的时候,点击清除按钮,键盘就自动收起了,而且也触发了校验逻辑。交互要求:输入文本的时候键盘是弹起来的,此时点击清除按钮,不让键盘收起;输入完成后,收起键盘,此时点击清除按钮,需要聚焦到input里,且弹起键盘原因input点击事件与失焦事件冲突了,在click的时候会先触发blur事件,再触发click事件解决方案1、思路监听清除按钮的mousedown事件,阻止默认事件,即阻止点击后默认失原创 2020-12-29 17:32:28 · 3054 阅读 · 0 评论 -
element-ui使用时的一些坑点总结
1、el-select 下拉框绑定值为对象时选中值显示错乱。如下图,所有下拉选项都是选中状态而且不管怎么选,下拉框显示的值一直是最后一个选项解决办法:加上value-key属性 官网也有介绍,当绑定值是对象类型是必填代码如下,其中value-key属性的值为数据源数组元素中的唯一键。例如下面的id,如果其他字段的值也是唯一确定的,如reserve1,那么value-key的值也可以是res...原创 2019-04-01 17:42:22 · 2138 阅读 · 0 评论 -
Vue + Element UI 循环生成checkbox无法选中
背景:需要根据后端返回的数据生成相对应数量的checkbox,并勾选需要更改状态的数据传递给后端,如下图HTML部分:<el-checkbox v-model="item.checked" :key="item.id"></el-checkbox>一开始的写法,就是获取到数据,遍历生成checked属性 getUserAuditList原创 2019-03-07 16:50:06 · 9091 阅读 · 3 评论 -
vue + axios 导出Excel文件流(解决乱码问题)
后端返回的是文件流,需要前端转换成Excel文件并下载到本地,具体写法如下: axios.post('/api/export', qs.stringify(params), { headers: { 'Content-Type': 'application/x-www-form-u...原创 2019-03-06 15:36:51 · 14641 阅读 · 10 评论