仿淘宝 vue

最新推荐文章于 2024-04-29 18:00:05 发布

转载最新推荐文章于 2024-04-29 18:00:05 发布 · 818 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lmxxlm-123/p/9475300.html

文章标签：

#javascript #ViewUI

最近自己闲着无聊，用vue仿照淘宝打算写个皮囊，顺便把遇到的问题顺便记录下

1、动画问题
(1)单个元素给动画
<transition name="fade"></transition>
(2)多个元素给动画，也就是动画列表
<transition-group name="slide-fade" mode="out-in">
    <div v-for="item in  list" :key="item.key"></div>
</transition-group>
   ** 注意1：一定要给里面的元素加  key   ，好像是用来分辨
   **注意2 ：  要加mode="out-in" ,这样前后两个页面的淡入淡出不会重叠
（3）如果每个页面都要动画，就给路由加
     <transition name="fade">
        <router-view/>
     </transition>
   **需要注意的是  页面position写好，不然很尴尬

转载于:https://www.cnblogs.com/lmxxlm-123/p/9475300.html