import { Swiper } from 'vux'
export default {
components: {
Swiper
}
}
list
为图片列表快捷设置,如果你需要自定义一些样式,或者内容并不为纯图片,可以引用swiper-item
组件来自定义。list
格式如下
[{
url: 'javascript:',
img: 'https://static.vux.li/demo/1.jpg',
title: '送你一朵fua'
}, {
url: 'javascript:',
img: 'https://static.vux.li/demo/5.jpg',
title: '送你一次旅行',
fallbackImg: 'https://static.vux.li/demo/3.jpg'
}]
这里URL 可以可以传外部链接,如http://m.baidu.com,也可以传内部地址 home/xxx,如果点击图片调用方法,有以下两种办法:
1.在swiper中加入swiper-item组件,然后自定义模块,实现点击事件
2.在swiper组件上 @on-click-list-item="自定义方法xxxx" xxxx(item){ }