请稍等 ...

为什么报错了？提示Uncaught TypeError: delayedLeave is not a function

//App.vue
<template>
  <div id="app">
    <img src="./assets/logo.png">
    <button v-on:click="toggleCom">
       Toggle
    </button>
    <div class="ab">
      <transition name="fade" mode="in-out">
        <!--<p v-show="show">i am show</p>-->
        <div :is="currentVue" v-show="show" ></div>
      </transition>
 
    </div>
  </div>
</template>
 
<script>
import Hello from './components/Hello'
import Apple from "./components/apples"
import Banana from "./components/bananas"
export default {
   data(){
     return {
         show:true,
          currentVue:Apple
     }
   },
  name: 'app',
  components: {
    Hello,
    Apple,
    Banana
  },
  computed:{
    totalPrice(){
      return this.$store.state.totalPrice
    }
  },
  methods:{
    toggleCom:function () {
      if(this.currentVue==='Apple'){
        this.currentVue='Banana'
      }else{
        this.currentVue='Apple'
      }
    }
  }
}
</script>
 
<style>
  .fade-enter-active,.fade-leave-active{
    transition: all 1.5s;
  }
  .fade-enter{
    transform: translateX(500px);
    opacity: 0;
  }
  .fade-leave-active{
    transform: translateX(-500px);
      opacity: 0;
  }
</style>
 
//banans,apple.vue
<template>
  <div>
      <h1>{{msg}}</h1>
      <button>+</button>
  </div>
</template>
<script>
  export default{
    data(){
      return {
          msg:"i am apples",
          price:5
      }
    },
</script>

Willsf 2017-09-13 22:58:45

源自：4-5 过渡动画-css实现过渡（下）

1186

收起

提交取消

2回答

fishenal 2017-09-14 15:16:46

全局搜搜delayedLeave吧，Hello组件里有没有，transition去掉试试，也有可能是这个默认组件里报错

0 回复有任何疑惑可以回复我~

收起回答

提问者 Willsf #1
```
把mode="in-out"去掉就不报错了
```
回复有任何疑惑可以回复我~ 2017-09-14 19:05:10
fishenal 回复提问者 Willsf #2
```
那应该是是transition组件内部的问题
```
回复有任何疑惑可以回复我~ 2017-09-18 13:43:46