screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html lang="en"> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <h3>Vue Get Element by ref</h3> <div ref="myElement" style="color: black;">This is my element</div> <button @click="changeColor">Change Color</button> </div> <script type="module"> const { createApp, ref } = Vue; createApp({ setup() { const myElement = ref(null); const changeColor = () => { myElement.value.style.color = 'red'; }; return { myElement, changeColor }; } }).mount("#app"); </script> <style scoped></style> </body> </html>