awawa

Appearance

vue/no-dupe-v-else-if ​

禁止在v-if / v-else-if链中出现重复的条件

为什么 ​

重复的条件会导致代码逻辑混乱，影响代码的可读性和可维护性。

建议 ​

确保每个v-if / v-else-if链中的条件都是唯一的。

错误示例 ​

vue
<template>
  <div v-if="foo" />
  <div v-else-if="foo" />
</template>
<template>
  <div v-if="foo" />
  <div v-else-if="foo" />
</template>

正确示例 ​

vue
<template>
  <div v-if="foo" />
  <div v-else-if="bar" />
</template>
<template>
  <div v-if="foo" />
  <div v-else-if="bar" />
</template>

参考 ​