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