uni-app 字节小程序ref问题 在特定条件下无法获取

这是一个典型的 ref 获取时机问题，在 uni-app 的字节小程序（包括抖音小程序）中确实存在。

问题分析：

1. v-if 异步显示场景：当父组件使用 v-if 且初始为 false 时，子组件在异步变为 true 后才渲染。此时 $refs 可能未及时更新，因为 ref 是在组件渲染完成后才注册的。

2. mounted 生命周期中获取不到：即使在无 v-if 的情况下，mounted 触发时子组件可能尚未完成渲染或 ref 未完全注册。字节小程序的渲染是异步的，mounted 仅表示页面结构已准备，但不保证所有子组件的 ref 已可用。

解决方案：

1. 使用 $nextTick 延迟获取：在父组件中，当 v-if 条件变为 true 后，使用 this.$nextTick(() => { ... }) 包裹 ref 获取逻辑，确保 DOM 更新完成。

   // 示例：异步改变条件后获取 ref
   this.showComponent = true; // 触发 v-if 显示
   this.$nextTick(() => {
     const childComp = this.$refs.childRef;
     if (childComp) {
       // 安全操作子组件
     }
   });
   

2. 避免在 mounted 中直接获取：如果需要在页面加载时获取 ref，改用 onReady 生命周期（小程序特有），或结合 setTimeout 轻微延迟（但更推荐 $nextTick）。

   onReady() {
     this.$nextTick(() => {
       const childComp = this.$refs.childRef;
     });
   }