Skip to content

vue/require-toggle-inside-transition

必须在<transition>内部控制内容的显示

为什么

<transition>内部的元素必须控制显示,以便于更好地管理和控制过渡效果。

建议

<transition>内部的元素使用v-if或者v-show来控制显示。

错误示例

vue
<template>
  <transition><div /></transition>
</template>
<template>
  <transition><div /></transition>
</template>

正确示例

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

参考