很简单的一段代码:<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/150
提交
取消