vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
更新时间：2020年02月14日 08:42:44 作者：雨天呐
这篇文章主要介绍了vue vantUI tab切换时 list组件不触发load事件的解决办法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
最近由于公司项目需要，用vue写了几个简单的页面。用到了vantUI
瀑布流滚动加载，用于控制长列表的展示 当列表即将滚动到底部时，会触发事件并加载更多列表项。
（页面加载完成后默认会自动加载一次，可以:immediate-check="false"
这样设置一下，页面加载完成后就不会自动加载一次了
）
看上去一切都很美好；但是tab进行切换的时候，list组件的load事件不会再次被触发！！！就是list组件做上拉加载只有在第一个tab会触发，切换后触底不会再次触发
解决办法：
初始化定义了list的加载状态
tab切换时；重新初始化一次就行了
这样就解决了tab切换list组件不能再次被触发的问题
总结
以上所述是小编给大家介绍的vue vantUI tab切换时 list组件不触发load事件的问题及解决方法，希望对大家有所帮助！
相关文章
这篇文章主要为大家详细介绍了vue项目中openlayers绘制行政区划，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
这篇文章主要介绍了Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。下面给大家谈谈我对vue中mixin的一点理解，需要的朋友参考下吧2017-12-12
这篇文章主要介绍了vue3实现alert自定义的plugins方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
vue中el-select中多选回显数据后没法重新选择和更改的解决
本文主要介绍了vue中el-select中多选回显数据后没法重新选择和更改解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-01-01
今天小编就为大家分享一篇关于实例讲解v-if和v-show的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
在Vue项目和微信小程序中生成二维码和条形码是一个常见的需求,主要用于分享、产品识别等场景,这篇文章主要给大家介绍了关于使用Vue3生成二维码和条形码的相关资料,需要的朋友可以参考下2024-09-09
今天小编就为大家分享一篇Vue实现页面添加水印功能，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
前端vue框架select下拉数据量过大造成卡顿问题解决办法
这篇文章主要给大家介绍了关于前端vue框架select下拉数据量过大造成卡顿问题解决办法,文中通过示例代码介绍的非常详细,对大家学习或者使用select具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
本篇文章主要介绍了vue音乐播放器插件vue-aplayer的配置及其使用实例详解，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
最新评论