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

img的onload的另类用法

Jan 10 Javascript

jQuery 判断元素上是否绑定了事件

Oct 28 Javascript

jquery实现简单易懂的图片展示小例子

Nov 21 Javascript

jquery获取当前点击对象的value方法

Feb 28 Javascript

微信小程序登录态控制深入分析

Apr 12 Javascript

关于foreach循环中遇到的问题小结

May 08 Javascript

JavaScript基础之this详解

Jun 04 Javascript

js统计页面上每个标签的数量实例代码

May 29 Javascript

JavaScript find()方法及返回数据实例

Apr 30 Javascript

vscode 插件开发 + vue的操作方法

Jun 05 Javascript

如何用threejs实现实时多边形折射

May 07 Javascript

Vue实现跑马灯样式文字横向滚动

Nov 23 Vue.js

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面向对象中static静态属性和静态方法的调用

2015/02/08 PHP

PHP动态输出JavaScript代码实例

2015/02/12 PHP

php检查函数必传参数是否存在的实例详解

2017/08/28 PHP

laravel-admin 管理平台获取当前登陆用户信息的例子

2019/10/08 PHP

解决php用mysql方式连接数据库出现Deprecated报错问题

2019/12/25 PHP

Mootools 1.2教程同时进行多个形变动画

2009/09/15 Javascript

javascript开发随笔二动态加载js和文件

2011/11/25 Javascript

使用正则表达式的格式化与高亮显示json字符串

2014/12/03 Javascript

jquery插件方式实现table查询功能的简单实例

2016/06/06 Javascript

javascript封装addLoadEvent实现页面同时加载执行多个函数的方法

2016/07/25 Javascript

Bootstrap学习笔记之环境配置(1)

2016/12/07 Javascript

AngularJS表格样式简单设置方法示例

2017/03/03 Javascript

React中使用collections时key的重要性详解

2017/08/07 Javascript

js实现单张图片平移切换效果

2017/10/11 Javascript

Angularjs之如何在跨域请求中传输Cookie的方法

2018/06/01 Javascript

vue 组件的封装之基于axios的ajax请求方法

2018/08/11 Javascript

详解redux异步操作实践

2018/08/15 Javascript

JS数组的常用10种方法详解

2020/05/08 Javascript

[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21

2020/11/23 DOTA

git使用.gitignore设置不生效或不起作用问题的解决方法

2017/06/01 Python

Python引用计数操作示例

2018/08/23 Python

Pandas:Series和DataFrame删除指定轴上数据的方法

2018/11/10 Python

Python实现繁体中文与简体中文相互转换的方法示例

2018/12/18 Python

Pytorch DataLoader 变长数据处理方式

2020/01/08 Python

Python实现括号匹配方法详解

2020/02/10 Python

PyQt5-QDateEdit的简单使用操作

2020/07/12 Python

python实现画图工具

2020/08/27 Python

Django数据统计功能count()的使用

2020/11/30 Python

Python+Xlwings 删除Excel的行和列

2020/12/19 Python

有关HTML5页面在iPhoneX适配问题

2017/11/13 HTML / CSS

大学生社会实践评语

2014/04/25 职场文书

政治学求职信

2014/06/03 职场文书

护林防火标语

2014/06/27 职场文书

班级元旦晚会开幕词

2016/03/04 职场文书

教你怎么用Python实现多路径迷宫

2021/04/29 Python

Python语言中的数据类型-序列

2022/02/24 Python