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

我们来看看：v-for with an Object, v-for with v-if。

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

Answer 2

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

未经测试的语法。在床上打字phone。

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

vue.js 的 v-for 条件？

Condition in v-for of vue.js?

vuejs2

v-for