在使用vue进行前端开发时候，当 v-if 和 v-for 在同一个表签中使用时，ESLint总会给你一个“红线”，对于有强迫症的我说看着就非常不舒服，去查看了vue的相关资料发现，当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中。所以，不推荐v-if和v-for同时使用！

解决方法
就是把 v-if 和 v-for 分别放在两个标签中
如：

<div v-if="auth.listAuths">
     <el-menu-item v-for="(obj, key) in auth.listAuths" :key="key" :index="obj.authCode" @click="addTabClick(obj)">
         <i :class="obj.authIcon"></i>
         <span slot="title">{{ obj.authName }}</span>
     </el-menu-item>
</div>