vue專案中onscroll的坑

vue專案中onscroll的坑

在專案中需要監聽乙個元件的scroll事件，以觸發到底時載入更多。

但是實際操作下來發現scroll事件並沒有被監聽到。

通過查詢資料得知，監聽的目標元素element的scroll事件不冒泡。

解決scroll繫結失敗的方法是：scroll直接繫結在window的捕獲階段；

window.addeventlistener(『scroll』,methodname，true);

還有另外乙個方式：

使用谷歌瀏覽器的開發者工具 performance 錄製滾動動作，在event log 裡檢視scroll事件的目標元素，給這個元素繫結scroll事件。如下圖：

這裡我們發現了scroll事件的目標元素是div.info-bottom，我們直接給它繫結scroll事件就可以了。

vue專案中onscroll的坑

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

vue 專案中的scoped

加了scoped的樣式，在打包後，就會給同乙個帶有scoped的style裡面的樣式增加一段特殊標識，看下面例子就曉得了 打包後在.css檔案中就成了如下 one h1 xx h2 xx h4 xx 這裡的 xx在同乙個scoped裡面的都一樣，不同的不一樣 這就是為什麼引入其他元件時，在帶有sco...

vue 關掉vue專案中的ESlint

在新建專案的時候，還信心滿滿的要標準開發，於是開啟了eslint 檢測，後來才發現，想法的太天真，空格縮排不對都要報錯，而且我對錯誤是0容忍。並且一般都是用外掛程式對 進行格式化，但還是很多錯誤，實在不想一遍遍去排查，於是找了找資料，關掉專案中eslint 但是eslint也有可取之處。它可輔助規範...