vue点击显示再次点击隐藏 vue.js使用v-if实现显示与隐藏功能示例？

vue.js使用v-if实现显示与隐藏功能示例？

第一步是创建一个静态页面文本.html，修改标题中显示的内容并介绍虚拟用户.js第二步，在body tag元素中插入两个span元素，在第一个span中绑定v-text指令，在第二个span中插入{{message}}，编写JS代码，绑定数据源消息，并在第四步中预览静态页面文本.html发现{message}与第5步相同：在两个span的外层添加一个div，将第一个span的ID分配给div，然后将V-model绑定到第一个span标签。步骤6：再次预览并发现页面中的{message}}成为绑定数据源，

如何利用Vue.js库中的v-show显示和隐藏元素？

v-show通过其值true还是false来确定所包含的元素是否显示。例如：HTML:<div id=“app”><P v-show=“OK”>123</P></div>javascript（Vue）：VAR VM=new Vue（{El:“app”，data:{OK:true}）默认情况下，运行结果将在页面上显示此P元素，即显示123字符串。当我们使用vm.ok=错误将其值设置为false之后。123字符串立即消失，即P元素被隐藏。

vue点击显示再次点击隐藏 vue点击切换显示隐藏 js点击显示再次点击隐藏

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。