如何删除[vue/no-use-v-if-with-v-for]警告？

<template>
  <div>
    <div v-for="item in items" :key="item.id">
      <div v-if="shouldRender(item)">
        <!-- 渲染内容 -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [...],
    };
  },
  methods: {
    shouldRender(item) {
      // 根据条件判断是否应该渲染
      // 返回true或false
    },
  },
};
</script>

<template>
  <div>
    <div v-for="item in items" :key="item.id" v-if="item | shouldRender">
      <!-- 渲染内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [...],
    };
  },
  filters: {
    shouldRender(item) {
      // 根据条件判断是否应该渲染
      // 返回true或false
    },
  },
};
</script>

<template>
  <div>
    <div v-for="item in items" :key="item.id" v-if="shouldRender">
      <!-- 渲染内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [...],
    };
  },
  computed: {
    shouldRender() {
      // 根据条件判断是否应该渲染
      // 返回true或false
    },
  },
};
</script>