專案中的坑記錄 v if和v show的坑

2022-09-10 11:33:15 字數 287 閱讀 5580

有個功能是這樣的,點選獲取驗證碼,獲取驗證碼之後將輸入框禁用,進行倒計時11秒。

問題:第一次的倒計時是從6開始的,

之後的倒計時都是從9開始倒計,沒有從11開始

解決:主要是用了v-show。倒計時的初始化已經開始,

也就是獲取驗證碼成功之後就已經開始倒計時,(顯示需要時間,這部分時間被占用了)

使用v-if來實現。獲取驗證碼之後進行dom載入,才可以看到11秒這個時間。

總結知識:顯示和隱藏的技巧:資料是動態的,使用v-if;資料是靜態(死的,不變的)使用v-show

vue專案中onscroll的坑

vue專案中onscroll的坑 在專案中需要監聽乙個元件的scroll事件,以觸發到底時載入更多。但是實際操作下來發現scroll事件並沒有被監聽到。通過查詢資料得知,監聽的目標元素element的scroll事件不冒泡。解決scroll繫結失敗的方法是 scroll直接繫結在window的捕獲階...

vue專案中onscroll的坑

vue專案中onscroll的坑 在專案中需要監聽乙個元件的scroll事件,以觸發到底時載入更多。但是實際操作下來發現scroll事件並沒有被監聽到。通過查詢資料得知,監聽的目標元素element的scroll事件不冒泡。解決scroll繫結失敗的方法是 scroll直接繫結在window的捕獲階...

vue cli專案中使用別名 「 」和「 」的坑

vue專案中使用別名 和 的坑 最經在專案中遇到乙個問題就是 在使用 vue cli 構建工具時遇到的問題就是靜態資源引用的問題 了解別名的作用 和 都是在路徑訪問時使用的 如何設定別名 在build資料夾下的webpack.base.conf.js檔案中設定src的路徑別名。resolve 缺省會...