avalonjs - avalon2如何动态添加effect

问题描述

问 题

我定义了mask组件，它一开始是隐藏的，当要显示时它便以渐变效果显示，但是如果我一开始就定义了ms-effect，组件初始化后它会自动执行一次动画然后隐藏，而我的需求是初始化后便立刻隐藏，当用户调用时才以渐变效果显示，请问该怎么做？

avalon.effect('mask',{});
avalon.component('ms-mask',{
  template : "<div class='mask' ms-effect='{is:\"mask\"}' :visible='@isShow'></div>",
  defaults : {
    isShow : false
  }
});

解决方案

https://segmentfault.com/a/11...

这里有教如何阻止首次动画

 onReady: function(){
            var el = this.$element
            el.style.display = 'none'//强制阻止动画发生
            
            this.$watch('isShow', function(a){
                if(a){
                   document.body.style.overflow = 'hidden' 
                }else{
                   document.body.style.overflow = ''
                }
            })
        }

这篇关于avalonjs - avalon2如何动态添加effect的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！