在Vue中同时使用过渡和动画-创新互联

但是，问题是，animate库的动画时长是1s，而我自己设置的是3s，所以要统一下时间。用type="transition"，意思是以transition时间为准：

(但是经过测试，发现有问题)

还可以设置时间duration="10000"，单位毫秒。还可以设置更细:duration="{enter: 5000, leave: 1000}"：

    
    
    
    
    
    
        .fade-enter, .fade-leave-to {
            opacity: 0;
        }
        .fade-enter-active, 
        .fade-leave-active {
            transition: opacity 3s;
        }
    


    
        //自定义class名字：
        
            hello
        
        切换
    
    
        var vm = new Vue({
            el: "#root",
            data: {
                show: true
            },
            methods: {
                handleClick: function() {
                    this.show = !this.show
                }
            }
        });
    

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

• 建站热线：13518219792
• 
  微信扫一扫在线咨询
• QQ客服：
• 案 例
• 价 格