vue中的if判断和for循环语句

if语句

<div class="vm"><div v-if="type==='A'">A</div><div v-else-if="type==='B'">B</div><div v-else-if="type==='C'">C</div><div v-else>error </div>
</div>
script type="text/javascript">var vm = new Vue({el:'.vm',data:{          type:'', //为空时页面显示errortype:'A', //为空时页面显示Atype:'B', //为空时页面显示Btype:'C', //为空时页面显示C})
</script>

for语句


<div class="vm">//for循环数组<ul><li v-for='item,index in items'>{{index}}===={{item.msg}}</li></ul>//for循环对象<ul><li v-for='value,key in object'>{{key}}===={{value}}</li></ul>
</div>
<script type="text/javascript">var vm = new Vue({el:'.vm',data:{items:[{msg:'aaaa'},{msg:'bbbb'},],object:{name:'zhangsan',age:'30',}},      })
</script>

页面效果：

vue中的if判断和for循环语句相关推荐

Vue中使用v-if判断某个元素满足多个条件的简约写法-案例
v-if判断active满足0的时候写法是:v-if="active === 0" 那如果active同时要满足0,1,2三个值的时候,如果在v-if里用 || 并列写如:v-i ...
Vue.js学习笔记（3）循环语句
文章目录 Vue.js 循环语句 v-for 迭代对象 v-for 迭代整数 Vue.js 循环语句循环语句需要使用到v-for指令,它是一种site in site形式的特殊语法.sites 是源 ...
c语言中循环体表达式,C语言的循环语句
循环语句是用于重复执行某条语句(循环体)的语句,它包含一个控制表达式,每循环执行一次都要对控制表达式进行判断,如果表达式为真,则继续执行循环.C语言提供了3中循环语句,分别为while语句,do wh ...
C语言中阶第三篇：循环语句do while透析以及循环语句总结（执行次数、执行特点和循环英文的详解）
业精于勤荒于嬉,行成于思毁于随. 今天这一篇,我们继续来说一说循环语句的知识,循环语句就结束了,所以今天的文章就比较简单轻松了. 第九篇一.do while循环 1.1.do while中的brea ...
java中的while和do while循环语句
while循环语句条件初始化; while(条件判断){循环体语句;条件变化; } 执行流程: 1.条件初始化 2.执行条件判断 3.如果满足条件执行循环体语句,如果不满足条件结束 4.重复执行2, ...
vue中根据时间戳判断对应的时间（今天昨天前天）
根据时间戳来显示对应的时间段本文是根据vue所写,但是原理都是相通的根据一个时间戳,然后来显示对应的时间段.如果为今天,则显示对应的time,如果为昨天,则显示为昨天,如果为前天,则显示为前天. ...
VUE中V-IF条件判断改变元素的样式
方法一 v-if判断后用标签改变样式(特定显示列字体加粗) <v-list dense><template v-for="(col,i) in cols"> ...
vue中checkbox 样式自定义重写；循环遍历checkbox,拿到不同的v-model绑定值；及获取当前checked 状态，全选和全不选等功能。...
开始写这个功能,不得不吐槽原始的checkbox,灰色小方块的丑陋,虽说eleUI,mintUI,等各种框架的单复选框已经对其优化,但还是不想要这种.那我们就来研究一下怎么处理它. <secti ...
python中while continue的用法_Python3 循环语句while/for/break/continue用法
介绍Python3中的循环,有while循环和for循环,循环控制有break,continue,也有else语句用来在循环一直执行完没有被break时执行. 工具/原料 Python3 方法/步骤 ...

vue中的if判断和for循环语句

if语句

for语句

页面效果：

vue中的if判断和for循环语句相关推荐

最新文章

热门文章