uniapp+vue3+小程序--使用SelectorQuery获取节点

相关api文档链接: uniapp文档, 微信小程序文档

使用

1. 创建选择查询对象  uni.createSelectorQuery()

2. 指定查询范围(在某个组件内查询该元素) selectorQuery.in(component)

3. 当查询组件内自身的元素(非子组件元素)时, 默认调用的是selectorQuery.in(this),即范围是自身组件. (组合式是getCurrentInstance().proxy)
4. 当查询子组件内的元素时, 使用this.$refs.子组件, 组合式使用ref对象, 或者给子组件设置一个id属性,然后使用this.selectComponent('子组件id')获取子组件实例,该实例等于this.$refs.子组件
5. 根据需要调用boundingClientRect,fields等方法
6. 执行exec, 并在回调函数的参数中获取对应元素的属性
7. 部分方法使用有限定, 比如node(), 只支持canvas