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怎么无法发送头像双击的动作
  • 热门搜索
    什么是环境艺术设计 什么是横膈膜 什么是碉堡 后知后觉的意思 progress是什么意思 华为什么型号的手机好 什么是suv汽车 dg是什么意思 打破沙锅问到底是什么意思 武汉什么时候解封