Vue侦听器watch获取this报undefined

错误代码

1
2
3
4
5
6
7
8
watch: {
data: {
handler: (newVal) => {
this.info = newVal
},
deep: true
}
},

修正后代码

1
2
3
4
5
6
7
8
watch: {
data: {
handler: function (newVal) {
this.info = newVal
},
deep: true
}
},

原因

总的来说还是 this 指向问题,可以查看普通函数与箭头函数 this 指向问题

vue-awesome-swiper报错踩坑记

nuxt.js 引入 vue-awesome-swiper 后,控制台报错window is not defined
window is not defined

原因:

Nuxt 在服务端渲染时找不到 window

Vue @mousemove实现拖动,鼠标移动过快拖动卡顿

需求

使用 vue 实现滑动拼图验证码

踩到的坑

使用@mousemove 绑定事件拖拽速度过快有严重的卡顿
未优化之前效果图

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×