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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM