2021-07-13 项目经验

1.问题：服务端返回图片404，Vue图片加载失败处理方法；

解决方案：

参考：https://blog.csdn.net/weixin_43194434/article/details/102584138

2.问题：vue +vantUI项目中，父组件调用子组件van-popup弹层，控制弹层的显示隐藏，

通过点击弹层的遮罩层关闭弹层的时候，报错如下；

vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: ""

解决方案，使用计算属性或者语法糖：

:value.sync="propIsShow" 代替： v-model="propIsShow"

3.问题：vue自动获取input焦点，只能生效一次；再次显示input，输入框的焦点获取不到；

解决办法：不使用autofocus，改为页面mounted或弹框显示时手动调用vue的focus方法；在$nextTick设置100毫秒延迟，让this.$refs.getFocus.focus();延迟100毫秒执行

参考：https://www.jianshu.com/p/2fc6b45f55b6

4.问题：H5键盘，收起之后，IOS12机型，滚动条不归位；

html5手机键盘弹出收起的处理 https://www.jb51.net/html5/711104.html

5.问题：H5 input表单去掉自带的内阴影；

解决：

6.问题：VUE监听滚动条停止；

解决：

参考：https://blog.csdn.net/JQ___/article/details/104671180

7.记一篇Lottie使用方法——前端动画解决方案

https://blog.csdn.net/qq_40420294/article/details/111180498

8.小程序保存图片到相册

https://www.cnblogs.com/TreeSky/p/12336615.html

9.vue项目，打包之后，打包成一个.js文件，无法查找问题解决方案：

"build": "vue-cli-service build"配置改为

"build": "vue-cli-service build --mode development",

10.vue项目中，使用video-player 播放视频：

https://blog.csdn.net/zhan_lijian/article/details/83792345

11.Video在网页和移动端无法自动播放问题？?

https://blog.csdn.net/zhouzuoluo/article/details/89336349

12.Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause()._weixin_34220623的博客-CSDN博客

13.vue 使用getBoundingClientRect() 获取元素位置 报错

vue 使用getBoundingClientRect() 获取元素位置 报错_刘承彪的博客-CSDN博客