Vue.js Vuejs组件模板：如何使用v-for循环特定数组键

以下是我的组件模板的外观：

<tr v-for="row in user.data">

                    <td v-for="(value,key) in row">

                        {{key}}-{{value}}

                    </td>
</tr>

{{key}}-{{value}

---

我想从这个循环中排除一些键，我知道最好的解决方案是使用computed函数，但a不知道如何实现它。

您可以创建一个要忽略的键数组：

data: function () {
        return {
            ignore: [
             'key1',
             'key2',
             'key3'
            ]

然后添加将在“ignore”数组中循环的v-if语句，并在键匹配时跳过输出：

  <td v-for="(value,key) in row"
      v-if="!ignore.includes(row.key)">

                    {{key}}-{{value}}

  </td>

{{key}}-{{value}

是否共享示例数据？当前输出和预期输出？将帮助您解决问题。如果您在实现计算属性时遇到问题，请包含您尝试过的代码，并解释您遇到了哪些错误或哪些不起作用。这对于我遇到的特定循环非常有用。好极了。

{{value}}

忽略：['page_title'，'image1'，'section_title']