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 Display text for few Seconds</h3> <div id="app"> <button @click="showMessage = true">Show Message</button> <p v-if="showMessage">{{ message }}</p> </div> <script type="module"> const app = Vue.createApp({ data() { return { message: "Thanks for Feedback", showMessage: false, } }, created() { setTimeout(() => { this.showMessage = false; }, 3000); // 3 seconds } }); app.mount('#app'); </script> </body> </html>