uniapp怎么获取dom元素
时间: 2023-06-12 11:05:35 浏览: 270
基本DOM节点操作
5星 · 资源好评率100%
在Uniapp中可以使用类似于Web开发中的DOM操作,使用 `$refs` 来获取DOM元素。
首先在模板中给需要引用的元素添加 `ref` 属性,例如:
```html
<template>
<div ref="myDiv">这是一个div元素</div>
</template>
```
然后在代码中通过 `$refs` 来访问该元素:
```javascript
export default {
mounted() {
const myDivElem = this.$refs['myDiv']
console.log('myDiv元素:', myDivElem)
}
}
```
在上述代码中,`mounted()` 钩子函数是在组件挂载后执行的,此时可以通过 `$refs` 获取到DOM元素。`$refs` 是一个对象,其属性名是 ref 属性的值,对应的属性值是 DOM 元素。
阅读全文