当前位置: 首页 > 知识库问答 >
问题:

vue3 - html 页面通过cdn引入`vue`,通过`ref`获取元素高度失败?

骆英纵
2023-08-08

html 页面通过cdn引入vue,通过ref获取元素高度失败?这种方式可以通过$refs获取吗?

<div class="content" ref="content"></div>
    setup() {        let content = ref();    }   onMounted(() => {            console.log('2222222=====refs', content, 'xxxxxxxxxxx', content.value,content.value.clientWidth);})

这里打印出来都是undefined,应该怎么改?

共有2个答案

吕皓
2023-08-08

找到问题了,忘记在setup里面return {content}

微生欣怡
2023-08-08
onMounted(() => {    setTimeout(() => {        console.log(content.value)    })})
 类似资料:
  • vue3.js通过ref的方式获取子元素失败 Html <test ref="testdata"></test> js: 打印出来为null

  • 这是html中引入了Component main.js 中App.component注册了组件 mian.js 和 test.vue在同级目录下,现在页面没有报错也没有显示出 test.vue组件对应dom及内容,问题出在哪里了呢? test.vue 内容

  • 为什么我不可以通过ref获取盒子的dom(vue3)

  • 嗨,我一直在到处寻找一个非常简单的解释,如何通过xPath找到一个元素。 我想要的只是一种简单的方法来寻找一个元素,但是我想要找到的所有帮助都需要一个。这对我不管用。以下是我想做的: 加载URL 这是我的代码: 当我执行 我得到未定义时,我做 有没有更简单的方法来获取元素?也许是。。。。

  • 问题内容: 我正在使用PHPDOM,并且试图在DOM节点中获取具有给定类名的元素。获得该子元素的最佳方法是什么? 更新: 我最终使用了PHP,它更容易使用。 问题答案: 更新:CSS选择器的Xpath版本 因此,在下面我回应hakre的评论之后,我感到好奇,并调查了后面的代码。看起来上面的选择器已编译为以下xpath(未经测试): 所以PHP将是: 基本上,我们在这里所做的就是规范化属性,以便即使

  • 问题内容: 如果我知道文本标签包含什么,如何在html页面中获取标签。例如: 问题答案: 您将不得不手动遍历。