vue vantUI tab切换时 list组件不触发load事件的问题及解决方法


Posted in Javascript onFebruary 14, 2020

最近由于公司项目需要,用vue写了几个简单的页面。用到了vantUI

List 列表

瀑布流滚动加载,用于控制长列表的展示 当列表即将滚动到底部时,会触发事件并加载更多列表项。

(页面加载完成后默认会自动加载一次,可以:immediate-check="false"

这样设置一下,页面加载完成后就不会自动加载一次了

vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

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事件的问题及解决方法,希望对大家有所帮助!

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 职场文书