很简单的一段代码：
<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...
有只小跳蛙
小怪兽爱吃肉
相关分类