点赞数据的实时更新，但uniapp中this.refs获取不到对象

### 在 UniApp 中使用 `this.$refs` 访问子组件或 DOM 元素 #### Vue 组件中的 `$refs` Vue 提供了 `$refs` 属性来访问子组件实例或 DOM 元素，在标准的 Vue 应用中，可以通过此方式直接操作子组件的方法和属性[^1]。 ```html <template> <div> <child-component ref="myChild"></child-component> <button @click="callChildMethod">Call Child Method</button> </div> </template> <script> export default { methods: { callChildMethod() { this.$refs.myChild.someMethod(); } } } </script> ``` #### 小程序环境下的特殊处理 然而，在开发基于 UniApp 的小程序时，由于微信小程序本身的特性不支持直接操作 DOM，因此传统的 `$refs` 方式会遇到一些局限性。对于希望获取特定节点的情况，推荐采用官方提供的查询接口 `uni.createSelectorQuery()` 来替代直接通过 `$refs` 获取 DOM 节点的方式[^2]。 ##### 使用 `uni.createSelectorQuery()` 查询页面上的某个元素 当需要在小程序环境下查找并操作某一个具体的视图层对象时： ```javascript // 假设要选择 id 为 'specificElement' 的元素 const query = uni.createSelectorQuery().in(this); query.select('#specificElement') .boundingClientRect(rect => { console.log('The element position is:', rect); // 打印出该元素的位置信息 }) .exec(); ``` 另外值得注意的是，在 APP 和小程序平台上，如果尝试引用内置组件（如 `<view>`），或是由 v-for 循环动态生成的自定义组件，则不应依赖于 `ref` 特性来进行交互；此时应当考虑其他设计模式或者利用框架所提供的生命周期钩子函数实现所需功能。