How vue.js hides or shows elements

Vue.js how to hide or display elements, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain for you in detail, people with this need can come to learn, I hope you can gain something.

How vue.js hides or shows elements: use the v-show instruction, for example, [_ window.onload = function () {var vm = new Vue ({el:'#box',data: {isShow:false,}, metho...].

The operating environment of this paper: windows10 system, vue.js 2.9, thinkpad T480 computer.

In vue, if we want to control the hiding or display of elements, we can use the v-show instruction.

The v-show instruction is used to control the display or hiding of elements.

VMurshow = "true/false" / / Control elements are shown / hidden

Example:

_ window.onload = function () {var vm = new Vue ({el:'#box', data: {isShow:false,}, methods: {toggle:function () {this.isShow =! this.isShow;});} is it helpful for you to read the above? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.