编程 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 css的使用介绍

Apr 18 Javascript

极力推荐10个短小实用的JavaScript代码段

Aug 03 Javascript

深入探究AngularJs之$scope对象（作用域）

Jul 20 Javascript

JavaScript调试之console.log调试的一个小技巧分享

Aug 07 Javascript

js实现控制文件拖拽并获取拖拽内容功能

Feb 17 Javascript

jQuery实现table表格信息的展开和缩小功能示例

Jul 21 jQuery

JavaScript捕捉事件和阻止冒泡事件实例分析

Aug 03 Javascript

vue webpack开发访问后台接口全局配置的方法

Sep 18 Javascript

react-router 路由切换动画的实现示例

Dec 03 Javascript

使用imba.io框架得到比 vue 快50倍的性能基准

Jun 17 Javascript

解决axios post 后端无法接收数据的问题

Oct 29 Javascript

微信小程序动态添加和删除组件的现实

Feb 28 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

Windows中使用计划任务自动执行PHP程序实例

2014/05/09 PHP

使用PHP接受文件并获得其后缀名的方法

2015/08/05 PHP

Yii2.0多文件上传实例说明

2017/07/24 PHP

php读取本地json文件的实例

2018/03/07 PHP

JS获取月份最后天数、最大天数与某日周数的方法

2015/12/08 Javascript

Javascript中的迭代、归并方法详解

2016/06/14 Javascript

Node.js 数据加密传输浅析

2016/11/16 Javascript

nodejs 搭建简易服务器的图文教程(推荐)

2017/07/18 NodeJs

在 Angular6 中使用 HTTP 请求服务端数据的步骤详解

2018/08/06 Javascript

解决Vue调用springboot接口403跨域问题

2019/09/02 Javascript

微信小程序canvas分享海报功能

2019/10/31 Javascript

Vue组件模板及组件互相引用代码实例

2020/03/11 Javascript

[01:08]DOTA2次级职业联赛 - Wings 战队宣传片

2014/12/01 DOTA

python正则表达式re模块详解

2014/06/25 Python

Python编程中的文件操作攻略

2015/10/16 Python

python 删除指定时间间隔之前的文件实例

2018/04/24 Python

Python实现通过解析域名获取ip地址的方法分析

2019/05/17 Python

如何实现Django Rest framework版本控制

2019/07/25 Python

python多进程并发demo实例解析

2019/12/13 Python

Python使用正则表达式实现爬虫数据抽取

2020/08/17 Python

使用sublime text3搭建Python编辑环境的实现

2021/01/12 Python

html5指南-4.使用Geolocation实现定位功能

2013/01/07 HTML / CSS

猎人靴英国官网：Hunter Boots

2017/02/02 全球购物

美国在线印刷公司：PsPrint

2017/10/12 全球购物

Lyle & Scott苏格兰金鹰官网：英国皇室御用品牌

2018/05/09 全球购物

英国HYPE双肩包官网：英国本土时尚潮牌

2018/09/26 全球购物

标记环介质访问控制协议

2016/03/27 面试题

光电信息专业应届生求职信

2013/10/07 职场文书

应届毕业生就业自荐信

2013/10/26 职场文书

酒店总经理欢迎词

2014/01/08 职场文书

管理标语大全

2014/06/24 职场文书

先进教师个人事迹材料

2014/12/15 职场文书

大学生创业事迹材料

2014/12/30 职场文书

Go 自定义package包设置与导入操作

2021/05/06 Golang

Redis keys命令的具体使用

2022/06/05 Redis

如何用H5实现好玩的2048小游戏

2022/07/23 HTML / CSS