100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vue中的if判断和for循环语句

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

时间:2022-04-15 23:03:25

相关推荐

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>

页面效果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。