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

$.ajax json数据传递方法

Nov 19 Javascript

jQuery live

May 15 Javascript

IE6弹出“已终止操作”的解决办法

Nov 27 Javascript

js取消单选按钮选中示例代码

Nov 14 Javascript

通过jquery实现页面的动画效果(实例代码)

Sep 18 Javascript

正则 js分转元带千分符号详解

Mar 08 Javascript

jquery获取链接地址和跳转详解（推荐）

Aug 15 jQuery

Angular中的$watch方法详解

Sep 18 Javascript

Scala解析Json字符串的实例详解

Oct 11 Javascript

JS实现运动缓冲效果的封装函数示例

Feb 18 Javascript

vuejs router history 配置到iis的方法

Sep 20 Javascript

element中的$confirm的使用

Apr 26 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函数实现从一个文本字符串中提取关键字的方法

2015/07/01 PHP

thinkPHP自动验证、自动添加及表单错误问题分析

2016/10/17 PHP

浅谈PHP定义命令空间的几个注意点(推荐)

2016/10/29 PHP

php实现的pdo公共类定义与用法示例

2017/07/19 PHP

thinkPHP3.2.3结合Laypage实现的分页功能示例

2018/05/28 PHP

PDO::inTransaction讲解

2019/01/28 PHP

firefox下frameset取不到值的解决方法

2010/09/06 Javascript

关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题

2012/03/01 Javascript

jQuery.prototype.init选择器构造函数源码思路分析

2013/02/05 Javascript

jquery属性过滤选择器使用示例

2013/06/18 Javascript

用IE重起计算机或者关机的示例代码

2014/03/10 Javascript

调试JavaScript中正则表达式中遇到的问题

2015/01/27 Javascript

JS实现当前页居中分页效果的方法

2015/06/18 Javascript

详解AngularJS中的http拦截

2016/02/09 Javascript

Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)

2016/11/22 Javascript

利用js+css+html实现固定table的列头不动

2016/12/08 Javascript

jQuery实现的省市联动菜单功能示例【测试可用】

2017/01/13 Javascript

jquery 判断是否支持Placeholder属性的方法

2017/02/07 Javascript

详解几十行代码实现一个vue的状态管理

2019/01/28 Javascript

nodejs使用async模块同步执行的方法

2019/03/02 NodeJs

vue 中几种传值方法(3种)

2019/11/12 Javascript

通过实例了解Javascript柯里化流程

2020/03/03 Javascript

解决VUE项目使用Element-ui 下拉组件的验证失效问题

2020/11/07 Javascript

jQuery实现电梯导航模块

2020/12/22 jQuery

微信小程序抽奖组件的使用步骤

2021/01/11 Javascript

[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12

2020/12/17 DOTA

Python使用py2exe打包程序介绍

2014/11/20 Python

利用Django-environ如何区分不同环境

2018/08/26 Python

python3 实现对图片进行局部切割的方法

2018/12/05 Python

pygame实现弹球游戏

2020/04/14 Python

flask框架中的cookie和session使用

2021/01/31 Python

美国面料纺织品商城：Fabric.com

2017/06/28 全球购物

知识就是力量演讲稿

2014/09/13 职场文书

曾国藩励志经典名言37句，蕴含哲理

2019/10/14 职场文书

一文搞懂python异常处理、模块与包

2021/06/26 Python

使用javascript解析二维码的三种方式

2021/11/11 Javascript