vue3 如何获取 dom

时间：2021-06-15 18:23:11 阅读：0 评论：0 收藏：0 [点我收藏+]

标签：setup null tps mount uri 返回 com size const

#### vue3 如何获取 dom

1. 通过 ref
    1. 在 html 标签上指定 ref 属性
    2. 在 setup 中定义并返回.注意：**标签上的 ref 属性名需要跟 setup 中的对应**
    ```javascript
        <h1 ref="msg">Welcome to vue3 app</h1>
        setup() {
            const msg = ref(null);
            onMounted(() => {
                console.log(msg.value.innerHTML);
            });
            return {
                msg,
            };
        },
    ```
2. 通过原生 JavaScript 获取

```javascript
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">
    vue-cli documentation
</a>;
onMounted(() => {
    console.log(document.querySelector(‘a[rel="noopener"]‘).href);
});
```

vue3 如何获取 dom

标签：setup null tps mount uri 返回 com size const

原文地址：https://www.cnblogs.com/alone4436/p/14884781.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行