SlideImage 滑动轮播图

基础示例：

<lee-slide-image v-model="show"  :config="config" ref="slideimg">
</lee-slide-image>
<img src="https://picsum.photos/id/631/920/600" width="140" @click="go(1)" class="slide">
<img src="https://picsum.photos/id/626/920/600" width="140" @click="go(2)" class="slide">
<img src="https://picsum.photos/id/744/920/600" width="140" @click="go(3)" class="slide">
<img src="https://picsum.photos/id/738/920/600" width="140" @click="go(4)" class="slide">   
<img src="https://picsum.photos/id/322/920/600" width="140" @click="go(5)" class="slide">  
<img src="https://picsum.photos/id/825/920/600" width="140" @click="go(6)" class="slide">  
<img src="https://picsum.photos/id/900/920/600" width="140" @click="go(7)" class="slide">  
<img src="https://picsum.photos/id/1000/920/600" width="140" @click="go(8)" class="slide"> 

<script>
    export default {
        data() {
         return {
            show: false,
            config:[]
           
        }        
       },
       mounted() {
         let img = document.querySelectorAll('.slide')
         img.forEach((el) => {
            this.config.push(el.getAttribute('src'))
        })
       },
       methods: {
        go(xh){
        this.show=true       
        this.$refs.slideimg.slideto(xh) 
        }
       }
    }
</script>

显示代码

SlideImage属性

参数	说明	类型	可选值	默认值
v-model	显示隐藏	Boolean	true,false	false
config	图片配置信息	Array	--	--

SlideImage 方法

方法名称	说明	参数
slideto	滑动到第几张	--