vue 使用Tab 标签页和PullRefresh 下拉刷新,第一次切换tab下拉刷新loading-text加载过程文案不存在
时间:2019-01-11
本文章向大家介绍vue 使用Tab 标签页和PullRefresh 下拉刷新,第一次切换tab下拉刷新loading-text加载过程文案不存在,主要包括vue 使用Tab 标签页和PullRefresh 下拉刷新,第一次切换tab下拉刷新loading-text加载过程文案不存在使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
.vue
<van-tabs
v-model="activeTab"
@change="tabChange"
:line-width="80"
color="#3fcc8e"
animated
swipeable
>
<van-tab title="XXXX" v-if="isLeader">
<div class="vanTabContentContainer" :style="{ height: tabContentHeight + 'px' }">
<van-pull-refresh
v-model="isLoadingSubordinateRefresh"
@refresh="loadSubordinateVisitDatas"
>
<van-list
v-model="isLoadingSubordinateNext"
:finished="finishedSubordinate"
:immediate-check="false"
finished-text="没有更多了"
@load="loadNextSubordinateVisitDatas"
class="crmVanList"
>
</van-list>
</van-pull-refresh>
</div>
</van-tab>
<van-tab title="XXXX">
<div class="vanTabContentContainer" :style="{ height: tabContentHeight + 'px' }">
<van-pull-refresh
v-model="isLoadingSubordinateRefresh"
@refresh="loadSubordinateVisitDatas"
>
<van-list
v-model="isLoadingSubordinateNext"
:finished="finishedSubordinate"
:immediate-check="false"
finished-text="没有更多了"
@load="loadNextSubordinateVisitDatas"
class="crmVanList"
>
</van-list>
</van-pull-refresh>
</div>
</van-tab>
</van-tabs>
.ts 为方法加上nextTick方法,使页面节点渲染完毕后,进行操作
mounted() {
this.$nextTick(function() {
this.onActiveTabChange(this.activeTab, "");
});
}
private tabChange() {
this.$nextTick(function() {
this.onActiveTabChange(this.activeTab, "");
});
}
- 打包自己的aar库
- 揭开RecyclerView庐山真面目
- Python解析psiBlast输出的JSON文件结果
- 经验分享:社会工程学数据库搭建TIPS
- 过时但仍值得学习的选项卡TabHost
- 你所不知道的渗透测试:应用虚拟化的攻防
- C++中const小结
- 很多人不知道还有这个——搜索框组件SearchView
- 免费主题暗藏后门,波及WordPress等知名CMS系统
- 揭秘:针对PoS机的恶意软件工具箱
- 屏幕宽高不够,滚动视图ScrollView来凑
- 结合中间人攻击,Pidgin鸡肋漏洞变废为宝
- 日历视图CalendarView和定时器Chronometer
- 不用Linux也可以的强大文本处理方法
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 微信小程序switchTab带参解决方法
- 微信小程序使用腾讯文档打开文档
- Vue.js属性装饰器库vue-property-decorator文档
- Vue Class Component文档翻译
- Vue使用深度选择器在scoped中修改第三方样式
- Redis Keyspace Notifications(Redis键空间通知)
- NodeJS使用Redis键的过期回调
- 深入Linux并发同步
- JS的页面生命周期事件
- Request请求库被废弃了! 我们该用什么替代?
- 钢材信息小程序开发总结(四) --- 最普通数据大屏
- 前端实现头像转黑白头像
- JS的 if 中的函数声明提升
- vue实现弹框组件
- puppeteer上传图片