年会抽奖，如何让图片、文字快速滚动【vue】

[weixin_45472408]

如图所示，点击抽奖按钮，如何让图片及文字快速滚动，点击停止或者间隔几秒后停止滚动


测试数据

<template>
    <div id="beij">
            <div class="home0">
                <div v-for="(item,index) in userData" :key="index" class="home6">
                    <div v-if="index<input" class="home7">
                        <div class="home1" align="center">
                            <img class="home2" :src="item.headimgurl">
                            <h3 class="home3">{{item.nickname}}</h3>
                        </div>
                    </div>
                </div>

            </div>
        <div  class="home4">
            <el-input v-model="input" placeholder="请输入抽奖人数"></el-input>
            <el-row class="home5">
                <el-button type="success" @click="goFome">开始抽奖</el-button>
            </el-row>
        </div>

    </div>
</template>

<script>
    export default {
        name: "home",
        data() {
            return {
                isCollapse: true,
                input:'',
                arrays:[],
                userData:[
                    {
                        nickname: "会叫的1",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的2",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的3",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的4",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的5",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的6",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的7",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的8",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的9",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                    {
                        nickname: "会叫的0",
                        headimgurl:require("../assets/home1.jpg"),
                    },
                ],
            };
        },
        methods: {
            goFome(){
                for (let i =0; i < this.userData.length;i++){
                    setInterval(this.arrays = this.userData[i],3000)
                    window.console.log(this.arrays)
                }
            },
        }
    }
</script>