screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <h3>Vue Js Set Page Title | Update Dynamically Document Title</h3> <div id="app"> <label for="pageTitle">Page Title:</label> <input id="pageTitle" v-model="pageTitle" @input="updatePageTitle"> <pre v-if='pageTitle'>Title: {{pageTitle}}</pre> </div> <script type="module"> const app = Vue.createApp({ data() { return { pageTitle: '' }; }, methods: { updatePageTitle() { document.title = this.pageTitle } } }); app.mount('#app'); </script> <style> input { border: none; border-bottom: 2px solid #ccc; padding: 10px; margin-bottom: 20px; } input:focus { border-bottom: 2px solid #007bff; outline: none; } </style> </body> </html>