复制代码<template>
<view class="container">
<view class="main">
<z-paging
ref="paging"
v-model="indexData"
@query="getData"
:fixed="false"
height="100%"
>
</z-paging>
</view>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const paging = ref()
const indexData = ref<any>({})
const getData = async () => {
try {
console.log(paging.value,'pag')
} catch (error) {
paging.value.complete(false)
}
}
3***@qq.com
- 发布：2025-03-18 11:00
- 更新：2025-03-18 16:11
- 阅读：60
产品分类： uniapp/小程序
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： Alpha
HBuilderX版本号： 4.54
第三方开发者工具版本号： 1.66.0
基础库版本号： 1.100.0
项目创建方式： HBuilderX
示例代码：
操作步骤：
复制代码<template>
<view class="container">
<view class="main">
<z-paging
ref="paging"
v-model="indexData"
@query="getData"
:fixed="false"
height="100%"
>
</z-paging>
</view>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const paging = ref()
const indexData = ref<any>({})
const getData = async () => {
try {
console.log(paging.value,'pag')
} catch (error) {
paging.value.complete(false)
}
}
复制代码<template>
<view class="container">
<view class="main">
<z-paging
ref="paging"
v-model="indexData"
@query="getData"
:fixed="false"
height="100%"
>
</z-paging>
</view>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const paging = ref()
const indexData = ref<any>({})
const getData = async () => {
try {
console.log(paging.value,'pag')
} catch (error) {
paging.value.complete(false)
}
} 预期结果：
获取到组件实例
获取到组件实例
实际结果：
实际paging.value 结果为null
实际paging.value 结果为null
bug描述：
代码中无法获取到 ref ，paging.value的值为null
3***@qq.com (作者)
height="100%"
use-page-scroll
>
<course-list :list="hotData" type="lists" />
</z-paging>
</view>
</template>
<script lang="ts" setup>
import { ref, shallowRef } from "vue";
import { apiHotLists } from "@/api/store";
import CourseList from "@/components/course-list/index.vue";
const paging = shallowRef();
const hotData = ref<any>([]);
const queryList = async (pageNo: number, pageSize: number) => {
try {
const { lists } = await apiHotLists({
page_no: pageNo,
page_size: pageSize,
});
console.log(lists);
paging.value.complete(lists);
} catch (e) {
paging.value.complete(false);
}
};
</script>
2025-03-19 11:40
3***@qq.com (作者)
这段代码是在分包里面的
2025-03-19 11:42