vue.js中的循环与判断

2025-09-30 17:51:19

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

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

vue.js中的循环与判断

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

vue.js中的循环与判断

4、vue.js页面中进行判断使用"v-for"属性,语法为v-for="代理变量 in 变量名。

注意：v-for属性不能用在根节点上，如：

<body>

<div v-for="">

</div>

</body>

这样就会报错，提示无法在根节点上使用。

vue.js中的循环与判断

1、1、判断使用v-if

2、循环使用v-for

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。