Vue的transition的js的钩子函数

transition这个标签上除了绑定name还可以绑定before-enter,enter,before-leave,leave

<transition name="fade"
                @before-enter="beact"
                @enter="eact"
                @before-leave="blact"
                @leave="lact"
                > 
<div v-if="show" >hello world</div>
</transition>

methods:{
                    change:function(){
                        this.show=!this.show
                    },
                    beact:function(el){
                        el.style.color='red'
                    },
                    eact:function(el){
                        setTimeout(()=>{
                            el.style.color='green'
                            done()
                        },2000)
                        
                    },
                    blact:function(el){
                        //用法
                        Velocity(el,{
                            opacity:1
                        },{
                            duration:1000,
                            complete:done()
                            })
                    },
                    lact:function(el){
                        
                    }
}

 

posted @ 2019-04-16 23:23  我就是要叫鱼摆摆  阅读(1353)  评论(0编辑  收藏  举报