账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue2如何实现数组的某一项变化,给这一项添加临时特效
    46
    0

    很简单的一段代码:

    <body>
        <ul id="app">
            <li v-for="item in list" class="alert alert-danger">{{item}}</li>
        </ul>
        <script>
            new Vue({
                el:'#app',
                data:{
                    list:[1,2,3]
                },
                mounted:function () {
                    var vm = this;
                    setTimeout(function () {
                        vm.list[0] = 10;
                    },1000);
                }
            })
        </script>
    </body>

    想实现一个效果:数组的某一项变化时,这个li的样式会有一个颜色由红到白的渐变,很短暂,0.5s就渐渐消失的一个红色背景。
    类似这个https://poloniex.com/exchange... 右侧导航的列表

    查阅了vue2的过度实现方案,没有对应的案例,我没搞出来
    vue 过度效果:https://cn.vuejs.org/v2/guide...

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 纸条线 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部