vue使用swiper轮播组件开启loop模式点击不了问题处理

1.原本在这里的点击事件换成 :data-href="func_str(item)"

2.在methods里面写好方法

func_str(item){

return JSON.stringify(item);

}

3.在原本的调用调用轮播图方法里面加入点击事件

onClick:function(swiper){

var item = JSON.parse(swiper.clickedSlide.attributes"data-href".nodeValue)

//拿到item之后就可以进行自己原本第1步那里的事件了

}

相关推荐
chemddd2 分钟前
第四节课:前端
前端
界面开发小八哥2 分钟前
界面控件DevExpress Blazor v26.1新版亮点 - TreeList & 数据编辑器
javascript·编辑器·.net·界面控件·blazor·devexpress·用户界面
雪芽蓝域zzs4 分钟前
(一)Vue3+JS+Vite+pnpm 仿若依后台 从零搭建
前端
风月说与山鬼10 分钟前
二、uni-app入口文件(main.js)
javascript·uni-app
常宇佳20 分钟前
vue3 $refs使用方法
前端·vue.js·typescript
༄沐࿆风࿆࿆20 分钟前
Spring Boot 3 + Vue 3 全栈外卖系统:RabbitMQ异步解耦、MySQL/Neo4j双引擎推建
vue.js·spring boot·java-rabbitmq
zhanghaha131422 分钟前
HTML系列教程:4_什么是 HTML 元素(零基础超详细讲解)
前端·算法·html
AI 编程助手GPT1 小时前
VS Code 1.133 实战:Claude 可免 GitHub 登录,HTML 保存后自动刷新
前端·html·github
灯澜忆梦2 小时前
【基于GO的Web开发3】gin框架_HTML渲染
前端·golang·gin
小徐_23338 小时前
wot-ui-cli 1.1.0 发布:支持 OpenCode、Antigravity,wot-ui 图标迁移不再靠猜
前端