screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <h3>Vue Add Class to Element by Id</h3> <p ref="myElement">This is my element.</p> <p>This is Second Element</p> <button @click="addClassName()">Add class name</button> </div> <script type="module"> const app = Vue.createApp({ methods: { addClassName() { const element = this.$refs.myElement; element.classList.add('my-class'); } } }) app.mount('#app') </script> <style scoped> .my-class { font-weight: bold; color: blue; text-decoration: underline; } </style> </body> </html>