Swiper中文论坛

标题: 请问在vue中，通过npm的方式引入，怎么使用的 [打印本页]
作者: yuehao    时间: 2018-4-15 18:07
标题: 请问在vue中，通过npm的方式引入，怎么使用的
  1. <script type="text/ecmascript-6">
  2. import 'swiper/dist/css/swiper.css'
  3. import Swiper from "swiper"

  5. export default {
  6.   props: {
  7.     data: {
  8.       type: Array,
  9.       default: []
  10.     }
  11.   },
  12.   data() {
  13.     return {
  14.       items: this.data
  15.     }
  16.   },
  17.   created () {
  18.     this.swiperInit()
  19.   },
  20.   methods: {
  21.     swiperInit(){
  22.       let mySwiper = new Swiper('.swiper-container', {
  23.         direction: 'vertical',
  24.         loop: true,
  25.         slidesPerView: 3
  26.       })
  27.     },
  28.     getStyle(index) {
  29.       return `background-image:url(${this.items[index]})`
  30.     }
  31.   }
  32. }

  34. </script>
复制代码
作者: yuehao    时间: 2018-4-15 18:08
我上面的写法应该是有问题的吧？



欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2