vue如何使用条件语句(v-if,v-else)

 时间:2024-10-15 20:43:00

1、vue中的条件语句,v-if可以根据某个条件是否成立来决定是否展现其中的内容。

2、在template标签中,添加v-if元素并赋值,代码如下

vue如何使用条件语句(v-if,v-else)

3、展现结果

vue如何使用条件语句(v-if,v-else)

4、把ok: false改为ok:true,会将隐藏行展现

vue如何使用条件语句(v-if,v-else)

5、展现结果

vue如何使用条件语句(v-if,v-else)

6、vue中的条件语句,v-else是v-if的条件为不成立时,就会对v-else内的内容进行展现。

7、再加一个v-else,ok为true与false会有不同的结果,代码如下

vue如何使用条件语句(v-if,v-else)

8、展现结果

vue如何使用条件语句(v-if,v-else)

9、把ok:true改ok: false为,改变展示结果

vue如何使用条件语句(v-if,v-else)

10、展现结果

vue如何使用条件语句(v-if,v-else)

11、vue中的条件语句中还有一个v-else-if是之前的v-if不成立后,在进行判断。

  • 影之诗pc端怎么更新
  • 怎么插入特殊符号?
  • fgo无限池高难本攻略
  • 复制到剪贴板的快捷键怎么用
  • QQ怎么无法发送头像双击的动作
  • 热门搜索
    什么是电子商务 扬州瘦马什么意思呢 什么是宪法 惊讶的近义词是什么 穿青人是什么民族的人 普罗米修斯是什么神 软件开发需要学什么 5月24日是什么星座 电动车上牌照需要什么手续 倾国倾城是什么意思