在vue项目中写轮播图

用的是dom的方法，但是有一点bug还没解决

<template>

    <div id="demo" class="carousel" :style="{width:innerWidth+'px'}" @mouseenter="stop" @mouseleave="start">
        <!-- 轮播图片 -->

        <div class="carousel-inner" :class="ulClass" :style="ulStyle">
 
            <div v-for="(img,i) of imgs" :key="i" class="carousel-item" :style="{width:innerWidth+'px'}">
            <router-link :to="img.to">
                <img :src="img.src"  :style="{width:innerWidth+'px'}"/>
            </router-link>
            <router-link :to="img.to"></router-link>
            </div>

            <!-- <div class="carousel-item" :style="{width:innerWidth+'px'}">
                <router-link :to="imgs[0].to">
                    <img :src="imgs[0].src" :style="{width:innerWidth+'px'}"/>
                </router-link>
                <router-link :to="imgs[0].to"></router-link>
            </div