Skip to content

vue/valid-v-else-if

必须将else-if放在if后面

为什么

语法常识~放在前面就不会生效了嘛

建议

确保v-else-if指令的使用正确。

错误示例

vue
<template>
  <div />
  <div v-else-if="bar" />
  <div v-if="foo" />
</template>
<template>
  <div />
  <div v-else-if="bar" />
  <div v-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>

参考