淺談element中InfiniteScroll按需引入的一點注意事項
更新時間：2020年06月05日 14:34:32 作者：Vam的金豆之路
這篇文章主要介紹了淺談element中InfiniteScroll按需引入的一點注意事項，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
大家為了節(jié)省空間，常常進行按需引入來節(jié)省空間，這里我給大家來介紹一下element中按需引入無限滾動指令注意的事項。
針對前面element 按需引入的一些配置這里就不再詳細介紹了。
那么這里講的是在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>
這里你們可能嘲諷我，為啥把代碼復制過來，哈哈，這只是為了更加方便。這里注意的是一定要給容器加上overflow:auto或者overflow:hidden,
給容器加上滾動條，這樣就不會報錯。
到此這篇關于淺談element中InfiniteScroll按需引入的一點注意事項的文章就介紹到這了,更多相關element InfiniteScroll按需引入內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
過濾器的功能是對要顯示的數據進行格式化后再顯示,其并沒有改變原本的數據,只是產生新的對應的數據,下面這篇文章主要給大家介紹了關于Vue中過濾器定義以及使用方法的相關資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了關于Vue的URL轉跳與參數傳遞方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
今天小編就為大家分享一篇vue實現(xiàn)修改圖片后實時更新，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue如何使用driver.js實現(xiàn)項目功能向導指引
driver.js 是一個輕量級、無依賴的原生JavaScript引擎，在整個頁面中驅動用戶的注意力，強大的、高度可定制的原生JavaScript引擎，無外部依賴，支持所有主流瀏覽器，這篇文章主要介紹了vue如何使用driver.js實現(xiàn)項目功能向導指引,需要的朋友可以參考下2023-03-03
vue + el-tree 實現(xiàn)插入節(jié)點自定義名稱數據的代碼
這篇文章主要介紹了vue + el-tree 實現(xiàn)插入節(jié)點自定義名稱數據的代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
Vue3引入了Composition?API,其中ref是核心概念,允許開發(fā)者聲明響應式狀態(tài),本文通過一個具體示例,探討了在Vue3中如何使用ref進行動態(tài)賦值,尤其是在處理DOM相關操作時的應用,通過ref動態(tài)賦值,可以有效管理組件內的狀態(tài),提高代碼的可維護性和清晰度2024-09-09
這篇文章主要為大家介紹了vscode添加vue模板步驟示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
今天小編就為大家分享一篇vue.js的簡單自動求和計算實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue3.0使用vue-pdf-embed在線預覽pdf 控制頁碼顯示范圍不生效問題解決
這篇文章主要介紹了vue3.0使用vue-pdf-embed在線預覽pdf 控制頁碼顯示范圍不生效問題的問題及解決方法，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2023-01-01
微信小程序地圖導航功能實現(xiàn)完整源代碼附效果圖（推薦）
這篇文章主要介紹了微信小程序地圖導航功能實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04