1、Vue清除定时器,延时器setIntederval,setTimeout的优化方案
方案1:
data() {
return {
timer:any = null // 定时器名称
}
}
this.timer = setTimeout(() => {
// 某些操作
}, 1000)
beforeDestroy() {
clearInterval(this.timer);
this.timer = null;
}
方案2:
该方法是通过$once这个事件侦听器器在定义完定时器之后的位置来清除定时器。以下是代码:
const timer = setInterval(() =>{
// 某些定时器操作
}, 500);
// 通过$once来监听定时器,在beforeDestroy钩子可以被清除。
this.$once('hook:beforeDestroy', () => {
clearInterval(timer);
})
2、行内块元素上下错位问题
- 添加vertical-align属性;
- 添加浮动float
- 将行内块元素改成块级元素,这样vertical-align对块级元素无效
https://blog.csdn.net/qq_39913441/article/details/95941168
3、# 行内块inline-block元素之间出现空白间隙原因及解决办法
- 父元素设置font-size为0,子元素单独再设置字体大小
- 设置margin-right为负值
- 给inline-block元素加float或者flex
4、vue this找不到方法
https://segmentfault.com/a/1190000041053485
https://wuyaogexing.com/70/850154.html