大家为了节省空间,常常进行按需引入来节省空间,这里我给大家来介绍一下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,
给容器加上滚动条,这样就不会报错。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“浅谈element中InfiniteScroll按需引入的一点注意事项”评论...
更新动态
2024年05月08日
2024年05月08日
- 崩坏星穹铁道流萤遗器搭配推荐 选什么遗器好
- 逆水寒手游五子棋第二十九关怎么过 逆水寒手游残局攻略大全
- 逆水寒手游五子棋第三十关怎么过 逆水寒手游残局攻略大全
- 逆水寒手游五子棋第三十一关怎么过 逆水寒手游残局攻略大全
- 开始回暖了!《绝地潜兵2》Steam好评率正在持续上升
- 15周年了!《植物大战僵尸》疯狂戴夫竟然有原型
- 《塞尔达传说》真人电影确定将于未来十年内上映!
- 瑞鸣音乐·郭雅志《八千里路》头版限量编号24K金碟[低速原抓WAV+CUE]
- 【乡村蓝调】TomoAkikawabaya-2024-TheCastleII(FLAC)
- 【乡村蓝调(H)】RobertAbernathy-2024-SomewhereAround18(FLAC)
- 《哈迪斯2》发售后 《黑神话》登上愿望单第一名
- 今天是Faker28岁生日 T1官方晒照为其庆生
- 73岁张纪中为42岁妻子庆生 送孕妻千朵玫瑰浪漫温馨
- 霹雳布袋戏《霹雳百碟纪念遗珠-精选100》[FLAC/分轨][675.89MB]
- 梦柯《斩道》[320K/MP3][15.55MB]