如何用vue实现v-for遍历的数据滚动更新(6秒钟一条数据)

clipboard.png

clipboard.png

 moveUp: function(result){
                var self =this,timer,circleTime=0;
                var _result=result;
                timer = setInterval(function(){
                   self.goHtml(_result[circleTime]);
                   circleTime++;
                },6000);
            },
            goHtml: function(val){
                return val;
            }

v-html返回的值是空的,什么都没有,因为遍历goodsList中的info没有变化,所以数据不会渲染到DOM节点上去,那改怎么解决。(附:第一张图是没有加moveUp方法显示给大家看的)

阅读 3.6k
2 个回答

html

<div id="app">
    <ul>
        <li
                v-show='item == current'
                v-for='item in arr'>{{item}}
        </li>
    </ul>
</div>

js

 new Vue({
        el: "#app",
        data: {
            arr: [1, 2, 3, 4, 5, 6],
            current: 1
        },
        created(){
            setInterval(() => {
                this.current++
            }, 1000)
        }
    })

提供一种思路。。。

v-for="(index,info) in goods.listId" 是不是写反了?

clipboard.png

应该info在前,index在后

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题