uniapp 怎么获取标签信息

在uni-app中，您可以使用`uni.createSelectorQuery()`方法来获取标签的信息。以下是一个示例，演示了如何获取一个`<view>`标签的信息：

<template>
  <view class="container" ref="myView">
    <!-- Your content here -->
  </view>
</template>

<script>
export default {
  mounted() {
    // 在页面加载完成后执行
    this.getTagName();
    this.getTagRect();
  },
  methods: {
    getTagName() {
      // 获取标签名称
      const view = uni.createSelectorQuery().select('.container');
      view.fields({
        dataset: true,
        rect: false,
        size: false,
        scrollOffset: false,
        properties: ['tagName'],
      }, (res) => {
        console.log('标签名称:', res.tagName);
      }).exec();
    },
    getTagRect() {
      // 获取标签位置信息
      const view = uni.createSelectorQuery().select('.container');
      view.boundingClientRect((res) => {
        console.log('标签位置信息:', res);
      }).exec();
    },
  },
};
</script>

上述示例中，我们在`<view>`标签上添加了一个`ref`属性，用于在Vue组件中引用该标签。在`mounted`钩子函数中，我们调用了两个方法`getTagName()`和`getTagRect()`来获取标签的信息。

- `getTagName()`方法使用`uni.createSelectorQuery().select()`选择器选择`.container`类的元素，然后使用`.fields()`方法指定获取标签的属性，这里我们获取了`tagName`属性。最后，使用`.exec()`方法执行查询，并将结果打印到控制台。

- `getTagRect()`方法使用`uni.createSelectorQuery().select()`选择器选择`.container`类的元素，然后使用`.boundingClientRect()`方法获取标签的位置信息。同样，使用`.exec()`方法执行查询，并将结果打印到控制台。

您可以根据需要调整选择器和要获取的属性，以适应您的实际情况。请注意，上述示例仅适用于uni-app框架，其他框架可能有不同的实现方式。