小编Jud*_*ina的帖子

所以我有一个支持 v-for 和 v-if 的 div 元素，如果它工作正常并且输出是正确的，但是这个警告真的让我很恼火：

[vue/no-use-v-if-with-v-for] 'v-for' 指令中的 'prit_type_ids' 变量应该替换为返回过滤数组的计算属性。您不应将“v-for”与“v-if”混用。

有没有办法消除这个警告？我已经在我的 .eslintrc.js 中添加了这段代码

来源：https : //github.com/vuejs/eslint-plugin-vue/blob/master/docs/rules/no-use-v-if-with-v-for.md#wrench-options

我把它放在正确的地方了吗？或不。

rules: {
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
"vue/no-use-v-if-with-v-for": ["error", {
    "allowUsingIterationVar": true
  }],
}

所以基本上，我有一个嵌套循环，其中第一个循环中的特定元素正在比较来自第二个循环的值，如果匹配，它将把来自第二个循环的数据放在第一个循环的相应列中.

这是代码：

    <div class="columns is-mobile" v-if="!loading">
      <div class="column" v-for="x in firstSection" v-bind:key="x[0]">
        <div class="box">
          <article class="media">
            <div class="media-content">
              <div class="content">
                <div class="tags has-addons">
                  <span class="tag is-medium">Version number: </span>
                  <span class="tag is-dark is-medium">{{ x[0] }}</span>
                </div>
                <div class="tags has-addons"> …