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所指出的那样，在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 with an Object，v-for with v-if。

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

vue.js的v-for条件？

2 个答案: