index.vue
865 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<template>
<!-- <view class="bottom-box">
<view class="bottom-item">
<text class="title">{{loadingText}}</text>
</view>
</view> -->
<uni-load-more :status="status" :content-text="contentText" />
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue';
// 获取父组件值、方法
const props = defineProps({
// contentText: {
// type: Object,
// default:() => ({})
// },
// status:{
// type:String,
// default:''
// }
});
// ------定义变量------
let status = ref('more'); //loading 的状态 more(加载前)/loading(加载中)/noMore(没有更多数据)
const contentText = ref({ //加载状态说明
contentdown: '上拉加载更多',
contentrefresh: '加载中',
contentnomore: '没有更多'
});
//把数据、方法暴漏给父组件
defineExpose({
status,
contentText
});
</script>
<style></style>