小程序开发 APP开发 企业营销型网站 常见问题 技术分享 云服务 城市网点
首页技术分享JS技术

简易的vue中使用swiper


网上很多资料都是vue项目中使用swiper模块的,我们就是简单的在前段试用使用一下,下面演示一个简单的使用swiper的方法,简单易用,适合直接引用vue的单独页面使用

<div class="swiper-container banner">
	<div class="swiper-wrapper">
		<div class="swiper-slide"  v-for="v in banner"><a :href="v.link"><img :src="v.img" class="shiying"></a></div>
	</div>
	<!-- Add Pagination -->
	<div class="swiper-pagination"></div>
</div>

var vm = new Vue({
	el:"#app",
  	data: {
		banner:[]
	  },
	  updated:function(){
         swiper = new Swiper('.banner', {
                spaceBetween: 0,
                // height:"auto",
                loop:true,
                speed:300,
                autoplay : {
                  delay:3000
                },
                pagination: {
                  el: '.swiper-pagination',
                  clickable: true,
                }
              });
		
         
      },
      methods:{
      }
      })

联系我们


在线 Q Q:我是客服,点击这里给我发消息

在线旺旺:点击这里给我发消息

联系手机:13400146449

联系手机:17161107311

服务邮箱: titrol@titrol.com

办公地址:河北省邢台市宁晋县凤凰城北1102

我们的服务


小程序开发定制

小程序开发定制

为客户提供企业官网小程序开发、社区团购、分销商城、商家预约、同城信息、房产中介、求职招聘、在线客服等小程序开发,支持百度、微信、抖音、头条、支付宝五大平台开发!
企业网站建设+小程序

企业网站建设+小程序

为客户建设企业网站并对接6大平台小程序,一个后台更新内容,PC+手机端+6大平台小程序同步更新,方便数据管理,并全方位利用各大平台流量,为企业做全维度的展示。
企业大数据分析

企业大数据分析

为企业量身分析互联网数据,为用户分析自身行业特征,通过互联网大数据分析为用户找到潜在的客户群,帮助客户提供营销数据向导!
APP开发

APP开发

为客户开发商城APP、企业管理APP、淘客APP、多多客APP、社交APP、直播APP、短视频APP、地图应用、新闻资讯、生鲜配送、OA/CRM/ERP系统定制等