条件渲染: v-if
<div v-if="testShow">非常好</div>
testShow=true;显示非常好
testShow=false:不显示
v-else;作为与v-if相反的判断
<div v-if="testShow">非常好</div>
<div v-else>好</div>
testShow=true;显示非常好
testShow=false;显示好
v-else-if:多条件判断
<div v-if="age>80">老人</div>
<div v-else-if="age">40">中年人</div>
<div v-else-if="age>18">成年人<div>
<div v-else>未成年</div>
输入age:86;老人;
age:48:中年人;
age:21:成年人;
age:12:未成年
提示,v-if与v-show之间不能出现其余代码块
v-if
最新推荐文章于 2024-09-17 10:49:57 发布