vue3.0+vite+ts使用swiper如何掉用autoplay

问题描述：

需要去做一个轮播图，发现swiper可以做到，去看官网，首先下载了最新的版本，8.4.2的，发现无法调用autoplay，因为某些原因无法打开swiper+vue官网，所以只能自己摸索

因为在script中使用了setup，所以export default无法调用（具体原因还未仔细查看），所以最实用的方法就是在template、swiper标签中直接绑定modules，去使用它。

首先，因为swiper8版本好像有问题，所以重新下载依赖，使用的是swiper7.4.1版本

随后需要去调用autoplay

最后在template中调用

<Swiper style="height:100%":grabCursor="true":loop="true":pagination="true":autoplay="true":modules="[EffectCube, Pagination,Autoplay]"
>
</swiper>

这里起作用的方法是modules，在modules中调用Autoplay，就可以设置autoplay，调用即可

vue3.0+vite+ts使用swiper如何掉用autoplay相关推荐

element-plus打包报错/vue3.0+vite+ts别名引入ts文件报错
element-plus报错内容报错原因如下 vue-tsc 是对ts类型做检测的 element对ts支持并不是很友好所以报错但是不影响正常使用 Cannot find name 'Nullab ...
【Vue3 造轮子项目 ------ kaite-ui】基于vue3.0 + vite + TypeScript 实现一个UI框架 - kaiteUI
基于vue3.0 + vite + TypeScript 实现一个UI框架 - kaiteUI 前言前段时间笔者一直忙于学习Vue3方面新知识,比如如何从vue2.0版本过渡到vue3.0,如何理解 ...
uniapp+typeScript+vue3.0+vite
最近公司需要开发新版小程序,思考了一下,决定还是用最新的技术进行开发,同时也能锻炼到自己,废话不多说,开搞: 一.首先打开uniapp的官网:uni-app官网 //环境安装 //全局安装vue-cl ...
vue3.0+vite跑项目遇到的问题
vite无法使用require,require is not defined 错误原因 require is not defined node.js不是内置对象的一部分,如果想用typescript写 ...
【vite+vue3.0】基于vite写一个将md文件渲染为js文件的插件
基于vite写一个将md文件渲染为js文件的插件前言尤大是这么描述 Vite 的: 「一个基于浏览器原生 ES imports 的开发服务器. 利用浏览器去解析 imports,在服务器端按需编译 ...
一个基于vue3+vite+ts的完整项目
VUE VBEN ADMIN2.0 介绍 vue-vben-admin-2.0 是一个全新的开源系统,基于ant-design-vue2.x,typescript4,vue3,vite实现的 vue3 ...
Vue3+Typescript+Vite实现网易云音乐年活动主导色
资源下载地址:https://download.csdn.net/download/sheziqiong/85749561 资源下载地址:https://download.csdn.net/downl ...
Vue3+Typescript+Vite 实现动态访问静态图片（含微信小程序端）
前言:在最近新起的项目中,用到了较新的技术栈vue3.2+vite+ts,跟着网上的写法渐渐上手了,在菜单这一块我按照以往的写法,自己写了一个静态资源数据并用 require 包裹声明, 再以循环的方 ...
vue3使用vite+setup+ts写一个初级前端项目
Vue3vite+setup+ts项目总结项目说明项目概述本项目纯粹是为了学习和巩固刚学的vue3组合式api和语法糖,再加上网上流行vite+ts+vue,所以便有了这个历时四天的vue3前端 ...
vue3 + vite + ts 集成mars3d
vue3 + vite + ts 集成mars3d 文章目录 vue3 + vite + ts 集成mars3d 前言一.创建一个vue3 + vite + ts项目二.引入mars3d相关依赖 ...

vue3.0+vite+ts使用swiper如何掉用autoplay

vue3.0+vite+ts使用swiper如何掉用autoplay相关推荐

最新文章

热门文章