Vue 通过什么属性获取 DOM 元素?

• Z时代
• 2024-02-28
• 分类：IT

Vue 通过什么属性获取 DOM 元素?

回答：

vue2.x

<template>
    <div ref="oBox"></div>
</template>
<script>
export default {
    mounted () {
        console.log("节点", this.$refs.oBox)
    }
}
</script>

vue3.x

<script setup>
const oBox = ref()
onMounted(function () {
    console.log("节点", oBox.value)
})
</script>
<template>
    <div ref="oBox"></div>
</template>

回答：

<div ref="box">
this.$refs.box....
可参考：https://blog.csdn.net/weixin_...

回答：

vue2
<template>
<div ref="targetDom"></div>
</template>
<script>
console.log(this.$refs.targetDom)
</script>

vue3
<template>
<div ref="targetDom"></div>
</template>
<script setup>
import { ref } from 'vue'
const targetDom = ref()
console.log(targetDom.value)
</script>

以上是 Vue 通过什么属性获取 DOM 元素? 的全部内容， 来源链接： utcz.com/p/933052.html