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

写了一个layout，拖动条连贯，内容区可为iframe

Aug 19 Javascript

jQuery EasyUI API 中文文档可调整尺寸

Sep 29 Javascript

jQuery简单实现遍历数组的方法

Apr 14 Javascript

jQuery数据类型小结(14个)

Jan 08 Javascript

jQuery插件实现适用于移动端的地址选择器

Feb 18 Javascript

javascript原生ajax写法分享

Apr 10 Javascript

Bootstrap每天必学之按钮（Button）插件

Apr 25 Javascript

JQuery在循环中绑定事件的问题详解

Jun 02 Javascript

JavaScript排序算法动画演示效果的实现方法

Oct 18 Javascript

微信小程序地图（map）实例详解

Nov 16 Javascript

Node做中转服务器转发接口

Oct 18 Javascript

JavaScript修改注册表实例代码

Jan 05 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中随机显示图片的函数代码

2011/06/23 PHP

基于php-fpm的配置详解

2013/06/03 PHP

php根据日期显示所在星座的方法

2015/07/13 PHP

PHP让网站移动访问更加友好方法

2019/02/14 PHP

laravel入门知识点整理

2020/09/15 PHP

不用MOUSEMOVE也能滑动啊

2007/05/23 Javascript

jquery1.9 下检测浏览器类型和版本的方法

2013/12/26 Javascript

javascript实现将文件保存到本地方法汇总

2015/07/26 Javascript

JavaScript+html5 canvas实现本地截图教程

2020/04/16 Javascript

jquery简单插件制作(fn.extend)完整实例

2016/05/24 Javascript

JavaScript简单实现弹出拖拽窗口（一）

2016/06/17 Javascript

用js写的一个路由(简单实例)

2016/09/24 Javascript

详解JavaScript的闭包、IIFE、apply、函数与对象

2016/12/21 Javascript

js弹出窗口简单实现代码

2017/03/22 Javascript

Bootstrap输入框组件使用详解

2017/06/09 Javascript

实现单层json按照key字母顺序排序的示例

2017/12/06 Javascript

js变量声明var使用与不使用的区别详解

2019/01/21 Javascript

JavaScript闭包与作用域链实例分析

2019/01/21 Javascript

vue实现点击按钮下载文件功能

2019/10/11 Javascript

[05:07]DOTA2英雄梦之声_第14期_暗影恶魔

2014/06/20 DOTA

[45:25]完美世界DOTA2联赛循环赛 PXG vs IO 第一场 11.06

2020/11/09 DOTA

python with statement 进行文件操作指南

2014/08/22 Python

Python获取单个程序CPU使用情况趋势图

2015/03/10 Python

Django中如何使用sass的方法步骤

2019/07/09 Python

基于Python获取docx/doc文件内容代码解析

2020/02/17 Python

美国男女折扣服饰百货连锁店：Stein Mart

2017/05/02 全球购物

广州地球村科技数据库题目

2016/04/25 面试题

酒店管理专业学生求职信

2013/09/27 职场文书

国家助学金获奖感言

2014/01/31 职场文书

期末自我鉴定

2014/02/02 职场文书

大学中国梦演讲稿

2014/04/23 职场文书

弄虚作假心得体会

2014/09/10 职场文书

离婚协议书的书写要求

2014/09/17 职场文书

机动车登记业务委托书

2014/10/08 职场文书

2014年环保工作总结

2014/11/26 职场文书

励志正能量20句：送给所有为梦想拼搏的人

2019/11/11 职场文书