编程 Javascript

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

Posted in Javascript onFebruary 14, 2020

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

List 列表

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

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

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

）

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

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

解决办法：

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

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

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

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

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

总结

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

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

- Author -

雨天呐

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jQuery的输入框无值自动显示指定数据的实现代码

Jan 24 Javascript

25个优雅的jQuery Tooltip插件推荐

May 25 Javascript

textarea焦点的用法实现获取焦点清空失去焦点提示效果

May 19 Javascript

jquery 表单验证之通过 class验证表单不为空

Nov 02 Javascript

很酷的星级评分系统原生JS实现

Aug 25 Javascript

getElementById().innerHTML与getElementById().value的区别

Oct 27 Javascript

详解自动生成博客目录案例

Dec 09 Javascript

Vue.js基础知识小结

Jan 13 Javascript

深入浅出es6模板字符串

Aug 26 Javascript

微信小程序实现红包功能（后端PHP实现逻辑）

Jul 11 Javascript

js实现3D照片墙效果

Oct 28 Javascript

vue基于v-charts封装双向条形图的实现代码

Dec 09 Javascript

node.js中npm包管理工具用法分析

Feb 14 #Javascript

vue-cli创建的项目中的gitHooks原理解析

Feb 14 #Javascript

基于vue的tab-list类目切换商品列表组件的示例代码

Feb 14 #Javascript

bootstrap-paginator服务器端分页使用方法详解

Feb 13 #Javascript

JavaScript实现Tab选项卡切换

Feb 13 #Javascript

Angular 多模块项目构建过程

Feb 13 #Javascript

小程序卡片切换效果组件wxCardSwiper的实现

Feb 13 #Javascript

You might like

PHP获取指定日期是星期几的实现方法

2016/11/30 PHP

laravel excel 上传文件保存到本地服务器功能

2019/11/14 PHP

msn上的tab功能Firefox对childNodes处理的一个BUG

2008/01/21 Javascript

ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)

2012/01/13 Javascript

js阻止冒泡及jquery阻止事件冒泡示例介绍

2013/11/19 Javascript

js给页面加style无效果的解决方法

2014/01/20 Javascript

js判断滚动条是否已到页面最底部或顶部实例

2014/11/20 Javascript

JavaScript通过this变量快速找出用户选中radio按钮的方法

2015/03/23 Javascript

jQuery自定义滚动条完整实例

2016/01/08 Javascript

基于javascript实现全屏漂浮广告

2016/03/31 Javascript

浅谈JavaScript的内置对象和浏览器对象

2016/06/03 Javascript

JavaScript prototype属性详解

2016/10/25 Javascript

JS实现根据密码长度显示安全条功能

2017/03/08 Javascript

Ionic项目中Native Camera的使用方法

2017/06/07 Javascript

angular2 组件之间通过service互相传递的实例

2018/09/30 Javascript

微信小程序上线发布流程图文详解

2019/05/06 Javascript

微信小程序实现多选框全选与取消全选功能示例

2019/05/14 Javascript

vue+element创建动态的form表单及动态生成表格的行和列

2019/05/20 Javascript

JavaScript交换两个变量方法实例

2019/11/25 Javascript

使用python实现baidu hi自动登录的代码

2013/02/10 Python

用Python编写一个基于终端的实现翻译的脚本

2015/04/24 Python

Python实现获取照片拍摄日期并重命名的方法

2017/09/30 Python

详解Django-restframework 之频率源码分析

2019/02/27 Python

Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】

2019/06/18 Python

numpy求平均值的维度设定的例子

2019/08/24 Python

关于Python中定制类的比较运算实例

2019/12/19 Python

Python如何自动获取目标网站最新通知

2020/06/18 Python

怎么快速自学python

2020/06/22 Python

美国排名第一的葡萄酒俱乐部：Firstleaf Wine Club

2020/01/02 全球购物

Unix控制后台进程都有哪些进程

2016/09/22 面试题

雪山饭庄的创业计划书范文

2014/01/18 职场文书

上班上网检讨书

2014/01/29 职场文书

2015毕业寄语大全

2015/02/26 职场文书

二胎满月酒致辞

2015/07/29 职场文书

教你使用VS Code的MySQL扩展管理数据库的方法

2022/01/22 MySQL

一文搞懂Redis中String数据类型

2022/04/03 Redis