Vue.js 条件渲染:使用 v-if 和 v-else 指令
在 Vue.js 中可以使用 'v-if' 指令来进行条件判断。该指令会根据给定的表达式的值来决定是否渲染对应的元素。
例如,如果有一个变量 isShow,需要根据它的值来决定是否显示一个元素,可以这样写:
<div v-if='isShow'>显示内容</div>
如果 isShow 的值为 true,那么这个 div 元素就会被渲染出来;如果 isShow 的值为 false,那么这个 div 元素就不会被渲染出来。
还可以使用 'v-else' 指令来定义一个“否则”分支。例如:
<div v-if='isShow'>显示内容</div>
<div v-else>隐藏内容</div>
如果 isShow 的值为 true,那么第一个 div 元素被渲染出来,第二个 div 元素则不会被渲染出来;如果 isShow 的值为 false,那么第一个 div 元素不会被渲染出来,第二个 div 元素则会被渲染出来。
原文地址: https://www.cveoy.top/t/topic/oWrM 著作权归作者所有。请勿转载和采集!