更新时间:2022年02月09日10时28分 来源:大阳城app官网入口 浏览次数:
新旧两个元素参与过渡的时候,新元素的进入和旧元素的离开会同时触发,这是因为
过渡模式的原理是,设置有序的过渡而不是同时发生过渡。在transition中加人mode属性,它有两个值,分别是in-out和out-in,out-in表示当前元素先进行过渡,完成之后新元素过渡进入,in-out表示新元素先进行过渡,完成之后当前元素过渡离开。下面我们通过例4-11演示通过out-in实现开关的切换过渡效果。
【例4-11】
创建C:\vue\chapter04\demo11.html文件,具体代码如下:
在上述代码中,第6行在