为什么v-for与v-if不能同时使用？如何处理该情况？

1.为什么v-for与v-if不能同时使用？？

v-for 的优先级比 v-if 高，会造成渲染出本应该隐藏的元素。

2.如何处理该情况？

方法一：使用computed。

<el-input v-for="item in data" :key="item.name" v-if="item.age==3">

</el-input>

改成

<el-input v-for="item in data" :key="item.name">

</el-input>


computed:{
    newtab(){
      this.data.forEach(item=>{
    if(item.age==3){ }
          })  }
    }

方法二：添加一层<template></template>标签，v-for放在该标签上

<template  v-for="item in data">
<el-input :key="item.name" v-if="item.age==3"></el-input>
</<template>