当它们处于同一节点,v-if
的优先级比 v-for
更高,这意味着 v-if
将没有权限访问 v-for
里的变量:
<!-- 这将引发错误,因为未在实例上定义属性“todo” -->
<view v-for="todo in todos" v-if="!todo.isComplete">
{{ todo }}
</view>
可以把 v-for
移动到 template
标签中来修正:
<template v-for="todo in todos">
<view v-if="!todo.isComplete">
{{ todo }}
</view>
</template>