淺談element中InfiniteScroll按需引入的一點(diǎn)注意事項(xiàng)
大家為了節(jié)省空間，常常進(jìn)行按需引入來節(jié)省空間，這里我給大家來介紹一下element中按需引入無限滾動(dòng)指令注意的事項(xiàng)。
針對前面element 按需引入的一些配置這里就不再詳細(xì)介紹了。
那么這里講的是在main.js寫入以下代碼。
import { InfiniteScroll } from 'element-ui';
Vue.use(InfiniteScroll)
好，這樣引入、注冊了，那么我們接下來做得事情就是在頁面使用它。
<template>
<ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
</ul>
</template>
<script>
export default {
data () {
return {
count: 0
}
},
methods: {
load () {
this.count += 2
}
}
}
</script>
這里你們可能嘲諷我，為啥把代碼復(fù)制過來，哈哈，這只是為了更加方便。這里注意的是一定要給容器加上overflow:auto或者overflow:hidden,
給容器加上滾動(dòng)條，這樣就不會(huì)報(bào)錯(cuò)。
到此這篇關(guān)于淺談element中InfiniteScroll按需引入的一點(diǎn)注意事項(xiàng)的文章就介紹到這了,更多相關(guān)element InfiniteScroll按需引入內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue3?Reactive響應(yīng)式原理邏輯詳解，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-07-07
daisyUI解決TailwindCSS堆砌class問題詳解
這篇文章主要為大家介紹了daisyUI解決TailwindCSS堆砌class問題詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
vue使用動(dòng)態(tài)添加路由(router.addRoutes)加載權(quán)限側(cè)邊欄的方式
這篇文章主要介紹了vue使用動(dòng)態(tài)添加路由(router.addRoutes)加載權(quán)限側(cè)邊欄的方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue3+elementPlus二次封裝表單的實(shí)現(xiàn)代碼
最近使用Vue3+ElementPlus開發(fā)項(xiàng)目，從整體上構(gòu)思組件的封裝。能寫成組件的內(nèi)容都進(jìn)行封裝，方便多個(gè)地方使用，這篇文章給大家介紹了vue3+elementPlus二次封裝表單的實(shí)現(xiàn)，并通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實(shí)例
這篇文章主要介紹了Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue 實(shí)現(xiàn)滾動(dòng)到底部翻頁效果(pc端)
這篇文章主要介紹了pc端vue 滾動(dòng)到底部翻頁效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-07
在vue中，有時(shí)候你需要對data中的數(shù)據(jù)進(jìn)行處理，或者對抓取的數(shù)據(jù)進(jìn)行處理之后再掛載呈現(xiàn)到標(biāo)簽中，這時(shí)候你就需要計(jì)算屬性了，當(dāng)然看到這里你可能還是不了解那下面我舉幾個(gè)實(shí)例并附代碼解釋2023-03-03
在Vant的基礎(chǔ)上實(shí)現(xiàn)添加表單驗(yàn)證框架的方法示例
這篇文章主要介紹了在Vant的基礎(chǔ)上實(shí)現(xiàn)添加驗(yàn)證框架的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
本篇文章來講解渲染函數(shù) & JSX，Vue 推薦在絕大多數(shù)情況下使用模板來創(chuàng)建你的 HTML。然而在一些場景中，你真的需要 JavaScript 的完全編程的能力。這時(shí)我們可以用渲染函數(shù)，它比模板更接近編譯器,需要的朋友可以參考一下2021-09-09
vue監(jiān)聽頁面中的某個(gè)div的滾動(dòng)事件并判斷滾動(dòng)的位置
本文主要介紹了vue監(jiān)聽頁面中的某個(gè)div的滾動(dòng)事件并判斷滾動(dòng)的位置，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03