养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

vue.js中的循环与判断

时间:2024-11-13 01:18:32

vue.js中的循环与判断的使用

工具/原料

vue.js

方法/步骤

1、先创建3个span标签,为了后面的演示。

2、vue.js页面中进行判断使用"v-坡纠课柩if"属性,也可以使用v-ifv-else-ifelse。如图所示,因为value1的值为A,所以先A显示。

vue.js中的循环与判断

vue.js中的循环与判断

3、v-if="",v-if后面的值为true就显示该元素。后面的同理,如果都不为true,就显示else后的元素。

vue.js中的循环与判断

4、vue.js页面中进行判断使用"v-酆璁冻嘌for"属性,语法为v-for="代理变量足毂忍珩in变量名。注意:v-for属性不能用在根节点上,如:<body><divv-for=""></div></body>这样就会报错,提示无法在根节点上使用。

vue.js中的循环与判断

vue.js中的循环与判断

© 一点知识