uni-app在抖音小程序中 onshow 拿不到ref

onShow() {  
    console.log(this.$refs)  
    this.$refs.mypage.getMypageData()  
}

页面onshow方法里获取组件refs实例，为空对象{}，微信小程序上没问题

抖音跟微信一样，都可以拿到

抖音不行，微信可以

页面onshow方法里获取组件refs实例，为空对象{}，微信小程序上没问题

在 onReady 里获取。

caililin 2楼•6 天前

页面 onready 能拿到，但是拿到页面组件的ref之后 ,再去组件中通过 this.$refs 拿组件内部子组件的ref实例还是拿不到

sinazl 3楼•6 天前

回复 1***@qq.com: 能描述下具体需求吗

gougou168 4楼•6 天前

在 uni-app 中，如果你在抖音小程序中遇到 onShow 生命周期钩子中无法获取到 ref 的情况，可能是由于组件的渲染时机问题。onShow 生命周期钩子是在页面显示时触发的，但此时组件的 ref 可能还未被正确绑定或渲染完成。

使用 nextTick：你可以使用 this.$nextTick 来确保在 DOM 更新后再获取 ref。nextTick 会在下一次 DOM 更新循环结束之后执行回调函数，确保你获取到的 ref 是已经渲染完成的。
```
onShow() {
  this.$nextTick(() => {
    const myRef = this.$refs.myRef;
    if (myRef) {
      // 在这里操作 myRef
    }
  });
}
```
使用 onReady 生命周期：如果你需要在组件完全渲染完成后进行操作，可以使用 onReady 生命周期钩子。onReady 是在页面初次渲染完成时触发的，此时组件的 ref 应该已经可用。
```
onReady() {
  const myRef = this.$refs.myRef;
  if (myRef) {
    // 在这里操作 myRef
  }
}
```
检查 ref 的绑定：确保你在模板中正确绑定了 ref。例如：
```
<view ref="myRef">这是一个视图</view>
```