vue3怎么查找div
时间: 2023-06-30 10:14:33 浏览: 94
Vue3使用富文本框tinymce
在 Vue3 中,同样可以使用 `ref` 来获取 `div` 元素。具体步骤如下:
1. 在 `div` 元素上添加 `ref` 属性,如 `<div ref="myDiv"></div>`。
2. 在组件中使用 `this.$refs` 来访问该元素,如 `this.$refs.myDiv`。
举个例子,如果想在 Vue3 中获取一个 `div` 元素并修改其样式,可以这样写:
```
<template>
<div ref="myDiv">这是一个 div 元素</div>
</template>
<script>
export default {
mounted() {
const divEl = this.$refs.myDiv
divEl.style.backgroundColor = 'red'
}
}
</script>
```
在上面的例子中,我们给 `div` 元素添加了 `ref="myDiv"`,然后在组件的 `mounted` 钩子函数中使用 `this.$refs.myDiv` 来访问该元素,并将其背景颜色修改为红色。
阅读全文