vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

 更新时间:2020年02月14日 08:42:44   作者:雨天呐  
这篇文章主要介绍了vue vantUI tab切换时 list组件不触发load事件的解决办法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

最近由于公司项目需要,用vue写了几个简单的页面。用到了vantUI

List 列表

瀑布流滚动加载,用于控制长列表的展示 当列表即将滚动到底部时,会触发事件并加载更多列表项。

(页面加载完成后默认会自动加载一次,可以:immediate-check="false"

这样设置一下,页面加载完成后就不会自动加载一次了

看上去一切都很美好;但是tab进行切换的时候,list组件的load事件不会再次被触发!!!就是list组件做上拉加载只有在第一个tab会触发,切换后触底不会再次触发

解决办法:

初始化定义了list的加载状态

tab切换时;重新初始化一次就行了

这样就解决了tab切换list组件不能再次被触发的问题

总结

以上所述是小编给大家介绍的vue vantUI tab切换时 list组件不触发load事件的问题及解决方法,希望对大家有所帮助!

相关文章

  • vue基础之面包屑和标签tag详解

    vue基础之面包屑和标签tag详解

    这篇文章主要为大家详细介绍了vue的面包屑和标签tag,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • vue项目中按需引入element-ui的正确实现方法

    vue项目中按需引入element-ui的正确实现方法

    这篇文章主要介绍了vue项目中按需引入element-ui的正确实现方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • 全面介绍vue 全家桶和项目实例

    全面介绍vue 全家桶和项目实例

    这篇文章主要介绍了全面介绍vue 全家桶和项目实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • 如何在 ant 的table中实现图片的渲染操作

    如何在 ant 的table中实现图片的渲染操作

    这篇文章主要介绍了如何在 ant 的table中实现图片的渲染操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • UNIapp实现局域网内在线升级的操作方法

    UNIapp实现局域网内在线升级的操作方法

    这篇文章主要介绍了UNIapp实现局域网内在线升级的操作方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-03-03
  • Vue 事件处理操作实例详解

    Vue 事件处理操作实例详解

    这篇文章主要介绍了Vue 事件处理操作,结合实例形式较为详细的分析了vue.js事件处理相关的事件监听、处理、修饰符等相关概念、用法及操作注意事项,需要的朋友可以参考下
    2019-03-03
  • Vue实现页面添加满屏水印和去除水印功能

    Vue实现页面添加满屏水印和去除水印功能

    在一些特殊的应用场景中,可能需要在网页上添加水印以保护版权或标识信息,本文将介绍如何在Vue项目中添加满屏水印并实现去除水印的功能,文中通过代码示例讲解的非常详细,需要的朋友可以参考下
    2024-07-07
  • Vue3计算属性computed和监听属性watch区别解析

    Vue3计算属性computed和监听属性watch区别解析

    计算属性适用于对已有的数据进行计算,派生新的数据,并在模板中使用;而监听属性适用于监听数据的变化,并执行一些特定的操作,根据具体的需求和场景,选择适合的机制这篇文章主要介绍了Vue3计算属性computed和监听属性watch,需要的朋友可以参考下
    2024-02-02
  • Vben Admin 多标签页状态管理源码学习

    Vben Admin 多标签页状态管理源码学习

    这篇文章主要为大家介绍了Vben Admin 多标签页状态管理源码学习,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Vue出现首屏白屏的六种解决方法小结

    Vue出现首屏白屏的六种解决方法小结

    这篇文章主要为大家详细介绍了Vue中出现首屏白屏的六种解决方法,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以参考一下
    2025-02-02

最新评论