uniapp怎么获取dom元素

在Uniapp中可以使用类似于Web开发中的DOM操作，使用 `$refs` 来获取DOM元素。

首先在模板中给需要引用的元素添加 `ref` 属性，例如：

<template>
  <div ref="myDiv">这是一个div元素</div>
</template>

然后在代码中通过 `$refs` 来访问该元素：

export default {
  mounted() {
    const myDivElem = this.$refs['myDiv']
    console.log('myDiv元素：', myDivElem)
  }
}

在上述代码中，`mounted()` 钩子函数是在组件挂载后执行的，此时可以通过 `$refs` 获取到DOM元素。`$refs` 是一个对象，其属性名是 ref 属性的值，对应的属性值是 DOM 元素。

相关问题

uniapp 获取dom元素

在uniapp中，可以使用以下方法获取dom元素：

1. 使用原生的querySelector方法获取dom元素：

let dom = uni.createSelectorQuery().select('#id'); // 通过id获取dom元素

2. 使用ref属性获取dom元素：

<template>
  <div ref="myDiv"></div>
</template>

<script>
export default {
  mounted() {
    let dom = this.$refs.myDiv; // 获取dom元素
  }
}
</script>

3. 使用$nextTick方法获取dom元素：

<template>
  <div ref="myDiv"></div>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      let dom = this.$refs.myDiv; // 获取dom元素
    })
  }
}
</script>

uniapp获取dom元素

在uni-app中，获取dom元素可以使用以下方法：

1. 使用id选择器获取元素

<view id="myView">Hello World!</view>

const myView = uni.createSelectorQuery().select('#myView')
myView.boundingClientRect(data => {
  console.log(data)
}).exec()

2. 使用class选择器获取元素

<view class="myView">Hello World!</view>

const myView = uni.createSelectorQuery().select('.myView')
myView.boundingClientRect(data => {
  console.log(data)
}).exec()

3. 使用标签选择器获取元素

<view>Hello World!</view>

const myView = uni.createSelectorQuery().select('view')
myView.boundingClientRect(data => {
  console.log(data)
}).exec()

以上方法都需要借助 `uni.createSelectorQuery()` 方法来创建查询对象，调用 `select()` 方法选择元素，再调用 `boundingClientRect()` 方法获取元素的位置信息，最后调用 `exec()` 方法执行查询操作。