Show and Hide Elements use Vue.js
Vue is one of the best progressive frameworks JavaScript frameworks. The Vue can provide a powerful alteration effect in your APP and it using it is very profitable and timeless.
The Vue can automatically alteration effect in the Application, when define elements are work for insert, delete, update.
This Vue.js tutorial I will show you how to elements hide and show using a simple Vue.js code in your application. Connect Vue.js link in your page and follow the example code and apply codes in your Vue.js project.
In Vue.js using seen: true display element and using seen: false hidden element form page. That’s like:
Example:
<script src="https://unpkg.com/vue"></script> <div id="app"> <p v-if="seen">Vue learn is easy</p> </div> <div id="app2"> <p v-if="seen">Vue.js is not best framework</p> </div> <script type="text/javascript"> var app = new Vue({ el: '#app', data: { seen: true } }) var app2 = new Vue({ el: '#app2', data: { seen: false } }) </script>
Related posts