其他分享
首页 > 其他分享> > vue3 如何获取 dom

vue3 如何获取 dom

作者:互联网

#### 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); }); ```

标签:log,dom,setup,onMounted,获取,vue3,msg,ref
来源: https://www.cnblogs.com/alone4436/p/14884781.html