编程 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 21 Javascript

jQuery实现复选框全选/取消全选/反选及获得选择的值

Jun 12 Javascript

JavaScript fontcolor方法入门实例（按照指定的颜色来显示字符串）

Oct 17 Javascript

jQuery Mobile漏洞会有跨站脚本攻击风险

Feb 12 Javascript

angular 实时监听input框value值的变化触发函数方法

Aug 31 Javascript

详解Next.js页面渲染的优化方案

Jan 27 Javascript

jQuery实现条件搜索查询、实时取值及升降序排序的方法分析

May 04 jQuery

详解vue项目中实现图片裁剪功能

Jun 07 Javascript

JavaScript面向对象程序设计中对象的定义和继承详解

Jul 29 Javascript

uni-app实现点赞评论功能

Nov 25 Javascript

解决Angularjs异步操作后台请求用$q.all排列先后顺序问题

Nov 29 Javascript

Js数组扁平化实现方法代码总汇

Nov 11 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

DC《神奇女侠2》因疫情推迟上映温子仁新恐怖片《恶性》撤档

2020/04/09 欧美动漫

删除及到期域名的查看（抢域名必备哦）

2008/05/14 PHP

彻底删除thinkphp3.1案例blog标签的方法

2014/12/05 PHP

JavaScript 直接操作本地文件的实现代码

2009/12/01 Javascript

第一个JavaScript入门基础 document.write输出

2010/02/22 Javascript

js 判断图片是否加载完以及实现图片的预下载

2014/08/14 Javascript

node.js中的http.response.removeHeader方法使用说明

2014/12/14 Javascript

JS实现黑色风格的网页TAB选项卡效果代码

2015/10/09 Javascript

jQuery实现的仿百度分页足迹效果代码

2015/10/30 Javascript

javascript中eval和with用法实例总结

2015/11/30 Javascript

vue中渐进过渡效果实现

2016/10/27 Javascript

前端 Vue.js 和 MVVM 详细介绍

2016/12/29 Javascript

JS实现调用本地摄像头功能示例

2018/05/18 Javascript

详解微信JS-SDK选择图片遇到的坑

2018/08/15 Javascript

JS/HTML5游戏常用算法之碰撞检测地图格子算法实例详解

2018/12/12 Javascript

JS实现深度优先搜索求解两点间最短路径

2019/01/17 Javascript

详解新手使用vue-router传参时注意事项

2019/06/06 Javascript

微信小程序12行js代码自己写个滑块功能(推荐)

2020/07/15 Javascript

[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访

2014/06/30 DOTA

python调用cmd复制文件代码分享

2013/12/27 Python

用python写的一个wordpress的采集程序

2016/02/27 Python

python实现批量修改文件名代码

2017/09/10 Python

Python中__slots__属性介绍与基本使用方法

2018/09/05 Python

Python数据类型之Set集合实例详解

2019/05/07 Python

使用Python调取任意数字资产钱包余额功能

2019/08/15 Python

Django调用百度AI接口实现人脸注册登录代码实例

2020/04/23 Python

吃透移动端 Html5 响应式布局

2019/12/16 HTML / CSS

amazeui页面校验功能的实现代码

2020/08/24 HTML / CSS

怎样建立和理解非常复杂的声明？例如定义一个包含N 个指向返回指向字符的指针的函数的指针的数组？

2013/03/19 面试题

优秀的2014年两会精神解读

2014/03/17 职场文书

对祖国的寄语大全

2014/04/11 职场文书

《孙权劝学》教学反思

2014/04/23 职场文书

政府采购方案

2014/06/12 职场文书

2015年乡镇流动人口工作总结

2015/05/12 职场文书

机关干部纪律作风整顿心得体会

2016/01/23 职场文书

2019商业计划书格式、范文

2019/04/24 职场文书