为了账号安全,请及时绑定邮箱和手机立即绑定

vue2如何实现数组的某一项变化,给这一项添加临时特效

vue2如何实现数组的某一项变化,给这一项添加临时特效

幕布斯7119047 2019-02-25 12:15:43
很简单的一段代码:<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...
查看完整描述

2 回答

?
有只小跳蛙

TA贡献1824条经验 获得超8个赞

我觉得你可以结合css动画来实现吧,通过:class绑定一个对应的动画类样式名,条件的话你得自己把控了。看这个思路适合你不


查看完整回答
反对 回复 2019-03-02
?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

watch这个数组,变化的时候判断是哪一项变了,记录索引然后绑定个样式,用css3自己写个动画就好了


查看完整回答
反对 回复 2019-03-02
  • 2 回答
  • 0 关注
  • 632 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信