首页 > Web开发 > 详细

Vue的transition的js的钩子函数

时间:2019-04-17 00:40:31      阅读:232      评论:0      收藏:0      [点我收藏+]

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){
                        
                    }
}

 

Vue的transition的js的钩子函数

原文:https://www.cnblogs.com/yubaibai/p/10720902.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!