如何在Vue 3参考中获取_value属性

1cosmwyk 于 2022-11-17 发布在 Vue.js

关注(0)|答案(1)|浏览(256)

嗨，我尝试从Vue中的_value属性获取值，但没有成功。我如何才能获取这些值，如accessKey、align、ariaAtomic等。我尝试获取clientWidth。

<div id="hello" ref="theRange" class="border-red-200 border-2 w-[80px]">
   <h1>Test</h1>
  </div>

  const theRange = ref(null);
  console.log(theRange.value.clientWidth); // Throws error

vue.js

来源：https://stackoverflow.com/questions/74367983/how-to-get-value-properties-in-vue-3-ref

1条答案

按热度按时间

zwghvu4y1#

这就是你能得到它的方法

<script setup>
import { ref, onMounted } from 'vue'

const cube = ref(null)

onMounted(() => {
  console.log(cube.value.clientWidth)
})
</script>

<template>
  <div ref="cube">nice</div>
</template>

<style scoped>
  div {
    width: 200px;
    height: 300px;
    background-color: orange;
  }
</style>

下面是一个例子。

关于Vue的生命周期钩子，setup()还没有将元素附加到DOM，因此您可能没有对象的窗口相关属性。

赞(0）回复(0）举报 2022-11-17

我来回答

如何在Vue 3参考中获取_value属性

1条答案

相关问题

热门标签

最新问答