vuejs2 - vue.js 的 v-for 中的条件？

Question

我想避免image下面代码中的值。image是一个关键property。我怎样才能做到这一点 ？

<tbody>
    <tr v-for="obj in data" :id="obj.id">
       <td v-for="property in obj">{{property}}</td>
    </tr>
</tbody>

Answer 1

正如 Thomas van Broekhoven 指出的那样，Accepted 答案是一种反模式，因为您不应该在 VueJs 2+ 中的同一节点上混合v-for使用。v-if相反，您可以将过滤器链接到对象上。这是一个使用 ES6 箭头函数的示例，它应该可以工作。

• 未经测试的语法。在我的手机上打字，在床上。

<tbody>
    <tr v-for="obj in data" :id="obj.id">
       <td v-for="property in obj.filter(property => property !== 'image')">{{property}}</td>
    </tr>
</tbody>

Answer 2

让我们检查一下：v-for使用 Object，v-for使用v-if.

<td v-for="(value, property) in obj" v-if="property!='image'">
    {{value}}
</td>