查看: 1665|回复: 1
打印 上一主题 下一主题

请问在vue中,通过npm的方式引入,怎么使用的

[复制链接]

该用户从未签到

1

主题

2

帖子

5

积分

新手上路

Rank: 1

积分
5
跳转到指定楼层
楼主
发表于 2018-4-15 18:07:03 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
  1. <script type="text/ecmascript-6">
  2. import 'swiper/dist/css/swiper.css'
  3. import Swiper from "swiper"

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

  32. </script>
复制代码
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

1

主题

2

帖子

5

积分

新手上路

Rank: 1

积分
5
沙发
 楼主| 发表于 2018-4-15 18:08:53 | 只看该作者
我上面的写法应该是有问题的吧?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-23 08:11 , Processed in 0.055432 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表