上一篇文章讲解“vue.js指令v-if+v-else+v-else-if”,本篇文章讲解“vue.js指令v-show”。
v-show
v-show和v-if一样可以控制元素的显示,不同的是v-show是根据表达式的真假,控制元素的display: none;CSS属性。而v-if是通过是否有这个元素来控制。
特别要注意v-show不支持和v-else/v-else-if配合使用。如果要控制2个元素的显示隐藏,只能分别给2个元素添加v-show。
【例】控制两个元素,一个显示一个隐藏,并观察其显示隐藏方式。
浏览器访问:
Vue.js连载为卓象程序员原创,转载请联系卓象程序员
关注卓象程序员,定期发布技术文章
下一篇讲解“vue.js指令v-for”