小编Bru*_*her的帖子

如何在 VueJS 中初始化 Swiper?

首先感谢您抽出宝贵时间,因为我整个上午都在讨论这个问题。如何在 vue.JS 上使用https://idangero.us/swiper模块?确实 Swiper 在页面上,但参数似乎没有被计算在内。

我也尝试过 vue awesome swiper,但我更喜欢使用没有错误的官方版本。我试图在导入后也在 const 中初始化 swiper。

<template>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <v-touch
         @tap="navigateTo(item)"
         v-for="item in subList"
         :key="item._id"
         class="swiper-slide"
      >
        {{t(item.sentence)}}
      </v-touch>
    </div>
  </div>
</template>

<script>
  import Swiper from 'swiper'
  import 'swiper/dist/css/swiper.css'
  import 'swiper/dist/js/swiper.js'
  export default {
    name: 'category',
    data () {
      return {
        subList: [{some data}],
      }
    },
    mounted () {
      this.initSwiper()
    },
    methods: {
      initSwiper () {
        const mySwiper = new Swiper('.swiper-container', {
          slidesPerView: 3,
          slidesPerColumn: 2,
          spaceBetween: 50
        })
        mySwiper.init() …
Run Code Online (Sandbox Code Playgroud)

swiper vue.js

8
推荐指数
1
解决办法
9037
查看次数

标签 统计

swiper ×1

vue.js ×1