1、Vue清除定時器,延時器setIntederval,setTimeout的優(yōu)化方案
方案1:
data() {
return {
timer:any = null // 定時器名稱
}
}
this.timer = setTimeout(() => {
// 某些操作
}, 1000)
beforeDestroy() {
clearInterval(this.timer);
this.timer = null;
}
方案2:
該方法是通過$once這個事件偵聽器器在定義完定時器之后的位置來清除定時器。以下是代碼:
const timer = setInterval(() =>{
// 某些定時器操作
}, 500);
// 通過$once來監(jiān)聽定時器,在beforeDestroy鉤子可以被清除。
this.$once('hook:beforeDestroy', () => {
clearInterval(timer);
})
2、行內(nèi)塊元素上下錯位問題
- 添加vertical-align屬性;
- 添加浮動float
- 將行內(nèi)塊元素改成塊級元素,這樣vertical-align對塊級元素無效
https://blog.csdn.net/qq_39913441/article/details/95941168
3、# 行內(nèi)塊inline-block元素之間出現(xiàn)空白間隙原因及解決辦法
- 父元素設置font-size為0,子元素單獨再設置字體大小
- 設置margin-right為負值
- 給inline-block元素加float或者flex
4、vue this找不到方法
https://segmentfault.com/a/1190000041053485
https://wuyaogexing.com/70/850154.html