编程 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 相关文章推荐

Prototype1.6 JS 官方下载地址

Nov 30 Javascript

jQuery 自动增长的文本输入框实现代码

Apr 02 Javascript

JS完成代码前最好对其做5件事

Apr 07 Javascript

jquery 设置元素相对于另一个元素的top值(实例代码)

Nov 06 Javascript

js判读浏览器是否支持html5的canvas的代码

Nov 18 Javascript

JavaScript字符串对象toLowerCase方法入门实例（用于把字母转换为小写）

Oct 17 Javascript

JavaScript利用闭包实现模块化

Jan 13 Javascript

vue使用vue-i18n实现国际化的实现代码

Apr 08 Javascript

Vue 项目分环境打包的方法示例

Aug 03 Javascript

小程序绑定用户方案优化小结

May 15 Javascript

jquery实现垂直无限轮播的方法分析

Jul 16 jQuery

Node如何后台数据库使用增删改查功能

Nov 21 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 多维数组排序实现代码

2009/08/05 PHP

jQuery+php实现ajax文件即时上传的详解

2013/06/17 PHP

PHP 8新特性简介

2020/08/18 PHP

javascript多种数据类型表格排序代码分析

2010/09/11 Javascript

JS实现匀速运动的代码实例

2013/11/29 Javascript

Javascript实现的常用算法（如冒泡、快速、鸽巢、奇偶等）

2014/04/29 Javascript

jquery处理json对象

2014/11/03 Javascript

jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】

2016/09/04 Javascript

BootstrapTable refresh 方法使用实例简单介绍

2017/02/20 Javascript

jQuery鼠标悬停内容动画切换效果

2017/04/27 jQuery

微信小程序地图map实例详解

2017/06/07 Javascript

Vue实现点击后文字变色切换方法

2018/02/11 Javascript

JavaScript动态创建二维数组的方法示例

2019/02/01 Javascript

Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解

2020/04/29 Javascript

Python实现动态添加类的属性或成员函数的解决方法

2014/07/16 Python

Python命令行参数解析模块getopt使用实例

2015/04/13 Python

对python中的高效迭代器函数详解

2018/10/18 Python

浅谈Python采集网页时正则表达式匹配换行符的问题

2018/12/20 Python

Python企业编码生成系统之主程序模块设计详解

2019/07/26 Python

Python数据可视化:顶级绘图库plotly详解

2019/12/07 Python

浅谈Python 钉钉报警必备知识系统讲解

2020/08/17 Python

海蓝之谜(LA MER)澳大利亚官方商城：全球高端奢华护肤品牌

2017/10/27 全球购物

澳大利亚连衣裙和女装在线：Esther

2017/11/11 全球购物

全球领先的全景影像品牌：Insta360

2019/08/21 全球购物

法国房车租赁网站：Yescapa

2019/08/26 全球购物

澳大利亚在线消费电子产品商店：TobyDeals

2020/01/05 全球购物

27个经典Linux面试题及答案，你知道几个？

2014/03/11 面试题

师范应届毕业生自荐信

2013/11/18 职场文书

大学生优秀团员事迹材料

2014/01/30 职场文书

社区母亲节活动方案

2014/03/05 职场文书

学校门卫岗位职责

2014/03/16 职场文书

毕业生就业协议书

2014/04/11 职场文书

乡镇民主生活会发言材料

2014/10/20 职场文书

先进工作者事迹材料

2014/12/23 职场文书

2015年教研工作总结

2015/05/23 职场文书

一行Python命令实现批量加水印

2022/04/07 Python