条件渲染+列表渲染 问题
来源：2-5 条件渲染、列表渲染、Class与Style绑定
grasshoppermouse
2019-12-14 15:51
想知道这样写怎么运行不出来
<body>
<div id="app">
{{msg}}
<ul>
<li v-for="v in list1">
<li v-if="v<5">
{{v}}
</li>
</li>
</ul>
</div>
<script>
new Vue({
el: "#app",
data: {
msg: "Welcome to Vue world.",
list1: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
}
})
</script>
写回答
关注
2回答
-
- 簟纹灯影
- 2019-12-14 17:28:38
li标签下面还有一个li标签是什么意思？
可以像这样写的：
<li v-for="item in list1" v-if="item < 5">
{{item}}
</li>
-
- qq_宝慕林3385727
- 2019-12-14 16:26:37
定义list1数组最后的逗号是不是不该写。
3小时速成 Vue2.x 核心技术
带你快速学习最流行的前端框架vue2.x的核心技术
82578 学习 · 489 问题
相似问题