如何仅在移动网格上使用vue-swiper swiper组件

npm install vue-awesome-swiper --save

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'

// 引入swiper样式文件
import 'swiper/css/swiper.css'

Vue.use(VueAwesomeSwiper)

<template>
  <div>
    <swiper :options="swiperOptions">
      <swiper-slide v-for="(item, index) in swiperList" :key="index">
        <img :src="item.imgUrl" alt="">
      </swiper-slide>
      <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
  </div>
</template>

<script>
export default {
  data() {
    return {
      swiperOptions: {
        // swiper配置项
        // 可根据需求进行配置，例如自动播放、循环等
      },
      swiperList: [
        {
          imgUrl: '图片1地址'
        },
        {
          imgUrl: '图片2地址'
        },
        // 其他轮播图项
      ]
    }
  }
}
</script>

<style>
/* 样式可根据需求进行自定义 */
</style>