vue3 如何获取 dom

1. 通过 ref

    1. 在 html 标签上指定 ref 属性

    2. 在 setup 中定义并返回.注意：标签上的 ref 属性名需要跟 setup 中的对应

        <h1 ref="msg">Welcome to vue3 app</h1>
        setup() {
            const msg = ref(null);
            onMounted(() => {
                console.log(msg.value.innerHTML);
            });
            return {
                msg,
            };
        },

 

2. 通过原生 JavaScript 获取

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