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 24 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 Javascript
很酷的星级评分系统原生JS实现
Aug 25 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
详解自动生成博客目录案例
Dec 09 Javascript
Vue.js基础知识小结
Jan 13 Javascript
深入浅出es6模板字符串
Aug 26 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 Javascript
js实现3D照片墙效果
Oct 28 Javascript
vue基于v-charts封装双向条形图的实现代码
Dec 09 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获取指定日期是星期几的实现方法
2016/11/30 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
msn上的tab功能Firefox对childNodes处理的一个BUG
2008/01/21 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
2012/01/13 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
js判断滚动条是否已到页面最底部或顶部实例
2014/11/20 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
2015/03/23 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
微信小程序实现多选框全选与取消全选功能示例
2019/05/14 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
2019/05/20 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
使用python实现baidu hi自动登录的代码
2013/02/10 Python
用Python编写一个基于终端的实现翻译的脚本
2015/04/24 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
怎么快速自学python
2020/06/22 Python
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
Unix控制后台进程都有哪些进程
2016/09/22 面试题
雪山饭庄的创业计划书范文
2014/01/18 职场文书
上班上网检讨书
2014/01/29 职场文书
2015毕业寄语大全
2015/02/26 职场文书
二胎满月酒致辞
2015/07/29 职场文书
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL
一文搞懂Redis中String数据类型
2022/04/03 Redis