- 15
- 0
第一次打开的时候是没有问题id,第二次(切换路由到其他页面,再回来就没用了);
在生命周期方法created,updated mounted中都试过了,还是无效,啊 气疯了!求帮忙解决啊!!!
<template>
<div>
<div class="mui-content">
<!--下拉刷新容器-->
<div id="lists" class="mui-content mui-scroll-wrapper" style="margin-bottom: 4rem;">
<div class="mui-scroll">
<!--数据列表-->
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell" v-for="(topic,index) of topics"><a class="mui-navigate-right">Item {{index}}</a></li>
</ul>
</div>
</div>
<nav-components></nav-components>
</div>
</div>
</template>
<script scoped>
import navComponents from './nav.vue'
export default {
components: {navComponents},
name: "index",
data() {
return {
topics: [],
}
},
methods: {
pulldownRefresh: function () {
alert();
},
pullupRefresh: function () {
var count = 0;
var that = this;
setTimeout(function() {
that.topics.push({
"id": 14,
"content": "xxxxx。",
"clicl_number": 0,
"support_number": 0,
"create_time": "2018年07月23日 17:02:04",
"user": {
"nickname": "测试账户002",
"face_url": "http://thinkpjax.cn/xxxxxxx.jpeg"
}
});
}, 1500);
}
},
mounted: function () {
var that = this;
mui("#lists").scroll({
deceleration: 0.0006,
scrollY: true, //是否竖向滚动
bounce: true, ///是否启用回弹
});
},
created(){
mui.init({
pullRefresh: {
container: '#lists',
up: {//上拉加载
auto:true,//可选,默认false.自动上拉加载一次
contentrefresh: '正在加载...',
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback: this.pullupRefresh
}
}
});
},
}
</script> 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
火锅大帝 普通会员 1楼
在Vue.js和MUI框架中,上拉刷新和下拉加载都是依赖于后端数据的更新。如果后端数据没有更新,那么这两个功能就会无法正常工作。
以下是一些可能导致上拉刷新和下拉加载无效的原因:
-
后端数据没有更新:请确保后端API返回的数据已经更新。这可能是因为你使用了异步请求或者在异步请求完成后进行了更新。如果后端数据没有更新,那么你可能会看到上拉刷新和下拉加载无效。
-
数据加载策略:如果你使用了MUI的加载策略,那么这个策略可能不是你的问题。MUI的加载策略是根据你提供的数据来决定加载多少数据的。如果后端数据没有更新,那么MUI可能会认为你的数据加载策略没有改变,因此可能会忽略你的请求。
-
服务器错误:如果你的服务器在数据请求或者数据处理过程中发生错误,那么可能会导致上拉刷新和下拉加载无效。
-
UI错误:如果你的UI设计有问题,那么可能也会导致上拉刷新和下拉加载无效。例如,你的列表可能没有正确地滑动或者点击效果,或者你的搜索框可能没有正确地响应用户的输入。
解决这些问题需要你检查你的代码和数据,确保它们都已经更新并且正确地处理了后端数据。同时,你还需要检查你的UI设计,确保它们正确地响应用户的输入。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

