v-show:控制组件中一个元素的显示隐藏 如果在一个元素中使用无效,可能本身设置了dispaly:none或者父元素设置的dispaly:none影响到了子元素 解决方法:①在子元素上上设置dispaly:block②不影响父元素的界面情况下注释掉dispaly:none样式
如果看官觉得会了的话,可以跟着Vue官网上的实例,试着将v-show和v-bind:class的一些实例打出来。 友情提示:接下来讲的代码会用到双向数据绑定即v-model指令、自定义事件即v-on以及简单的html知识。看官量力而行~ 二、v-if之单选按钮控制文本显隐 如果将上面的例子应用到实际中,用控制台切换显然是不符合要求的。