可以在v-for节点中嵌入v-if
原因：v-for的优先级比v-if的优先级高，v-if将会重复的运行v-for中循环中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表渲染</title>
<script src="vue.js"></script>
</head>
<body>
<div id="forAndIf">
<ul >
<li v-for="todo in todos" v-if="todo!=='isb'">
<!-- v-if='todo!=='isb' 用来判断 todos中的属性值是否为字符串isb，若不是则显示。
此外v-if的属性值若设置为以下的数据对应显示的结果：
0，false，null ，undefined 显示为空白
1，2，‘’，true 显示为全部属性值
说到底，v-if是一个判断语句，若为真则显示，为假不显示。-->
{{todo}}
</li>
</ul>
</div>
<script>
var forif = new Vue({
el:'#forAndIf',
data:{
todos:{
ist:'',
isb:'isb',
iss:'iss'
}
}
})
</script>
</body>
</html>效果如图
647
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
