export function usePayFun() {
let payStatus = ref("pendding")
setTimeout( () => {
payStatus.value = 'complete'
}, 10000)
return {payStatus}
}
// 页面引用
const {payStatus} = usePayFun()
watch(payStatus, () => {
console.log(payStatus.value)
})
1***@qq.com
- 发布：2024-12-05 19:50
- 更新：2024-12-07 18:35
- 阅读：62
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： Macos
HBuilderX类型： 正式
HBuilderX版本号： 4.24
手机系统： Android
手机系统版本号： Android 14
手机厂商： 小米
手机机型： 小米 13
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
export function usePayFun() {
let payStatus = ref("pendding")
setTimeout( () => {
payStatus.value = 'complete'
}, 10000)
return {payStatus}
}
// 页面引用
const {payStatus} = usePayFun()
watch(payStatus, () => {
console.log(payStatus.value)
})
export function usePayFun() {
let payStatus = ref("pendding")
setTimeout( () => {
payStatus.value = 'complete'
}, 10000)
return {payStatus}
}
// 页面引用
const {payStatus} = usePayFun()
watch(payStatus, () => {
console.log(payStatus.value)
})预期结果：
watch 会监听执行
watch 会监听执行
实际结果：
watch 不会监听执行
watch 不会监听执行
bug描述：
在uni-app里面使用Vue3的组合函数，组合函数return出来的变量，在页面里面丢失了响应式，页面视图不会更新，watch也监听不到变化
1***@qq.com (作者)
不行
2024-12-06 14:46