|
本帖最后由 玩具. 于 2022-1-5 15:12 编辑
为啥我的不行,同样用的案例代码,是不是还有什么配置没开启?
<template>
<list-view id="listView" class="main" enable-back-to-top
refresher-triggered={refresherTriggered} refresher-enabled>
<cell class="cell" onclick={this.itemClick} data-id={item.RecordId}>
<text class="title">{item.user_paramete_name}</text>
<text class="subtitle">{item.user_paramete_tel}</text>
<text class="subtitle">{item.user_paramete_addressinfo}</text>
</cell>
<no-data v-if={showNoData} image="../image/common/nolist.png" desc="暂无数据"></no-data>
</list-view>
</template>
<style>
.main {
width: 100%;
height: 100%;
}
.cell {
padding: 8px;
height: 100px;
border-bottom: 0.5px solid #ddd;
background-color: #fff;
}
.cell:active {
background-color: #ddd;
}
.title {
font-weight: bold;
font-size: 18px;
color: #000;
}
.subtitle {
color: #333;
}
</style>
<script>
import $ajax from '../components/ajax.js'
import '../components/no-data.stml'
export default {
name: 'test',
data() {
return {
refresherTriggered: false,
pageIndex: 1,
pageSize: 5,
showNoData: false,
}
},
methods: {
apiready() {
this.getData(false);
},
getData(loadMore) {
$ajax.ajax({
url: '/api/UserParamete/app/list?uid=12345789&pageIndex=' + this.data.pageIndex + '&pageSize=' + this.data.pageSize,
method: 'get',
dataType: 'json'
}, (ret, err) => {
if (ret && ret.IsSuccess) {
var listView = document.getElementById('listView');
if (loadMore) {
listView.insert({
data: ret.Data
});
} else {
//that.ret.Data = ret.Data;
listView.load({
data: ret.Data
});
}
} else {
if (this.data.pageIndex == 1) {
this.data.showNoData = true;
}else{
$ajax.toast("没有更多了");
}
}
this.data.refresherTriggered = false;
});
},
onrefresherrefresh() {
this.data.pageIndex = 1;
this.data.refresherTriggered = true;
this.data.showNoData = false;
console.log(this.data.pageIndex);
this.getData(false);
},
onscrolltolower() {
this.data.pageIndex++;
console.log(this.data.pageIndex);
this.getData(true);
},
itemClick(e) {
let id = e.currentTarget.dataset.id;
$ajax.openWin({
name: 'update',
url: 'main/update.stml',
title: '编辑地址',
pageParam: {
id: id
}
});
}
}
}
</script>
|
|