亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue如何監(jiān)聽元素橫向滾動(dòng)到最右側(cè)

 更新時(shí)間：2023年10月21日 09:31:23   作者：跟?耿瑞?卷出一片天  
這篇文章主要介紹了vue如何監(jiān)聽元素橫向滾動(dòng)到最右側(cè)問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue監(jiān)聽元素橫向滾動(dòng)到最右側(cè)

這周接了個(gè)神奇的需求

就這么個(gè)導(dǎo)航欄 還有能左右拉動(dòng) 還要分頁(yè)

那么 就是監(jiān)聽元素滾動(dòng)了

那么 要監(jiān)聽元素滾動(dòng)到最右側(cè) 然后加載下一頁(yè)

監(jiān)聽滾動(dòng)到最右側(cè) 參考代碼如下

<div
  class = "Navigation"
   ref = "scrollRef"
   @scroll="loadImg($event)"
></div>

界面上監(jiān)聽一個(gè)滾動(dòng)事件 然后用這個(gè)事件監(jiān)聽滾動(dòng)到最右側(cè)

loadImg(event){
	let el=event.target;
	if(Math.ceil(el.scrollLeft+el.clientWidth) >= el.scrollWidth){
	    console.log("已滾動(dòng)到最右側(cè)");
	}
},

vue對(duì)數(shù)組元素的監(jiān)視

? 如果直接用索引下標(biāo)修改數(shù)組中的元素的值，這種方式是不能被Vue監(jiān)視到的

? 但Vue可以監(jiān)聽數(shù)組的方法，也就是說，通過方法操縱數(shù)組，這種行為是可以被vue監(jiān)聽到的。

常用方法

  • push（）
  • pop（）
  • shift（）
  • unshift（）
  • splice（）
  • sort（）
  • reverse（）

? 另外一個(gè)修改數(shù)組元素的方法，通過Vue.set（）方法修改數(shù)組元素。

例子

修改 user 對(duì)象中hobby數(shù)組中的第二項(xiàng)的內(nèi)容

Vue.set(vm.user.hobby,1,'騎行');

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論