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步那里的事件了

}

相关推荐
用户0595401744614 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈14 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen15 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒16 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端
Revolution6116 小时前
React 组件重新渲染时,到底重新执行了什么
前端·react.js·面试
林焱_RPAAI16 小时前
影刀RPA技术深度:CSS选择器高级实战指南——伪类属性选择器与性能对比完全解析
vue.js·react.js
用户21816970493018 小时前
Flutter(四)Dart语法 空安全 运算符 流程控制
前端
许彰午18 小时前
政务督办的分合模式:主办协办的并发审批
前端·javascript·政务
用户693717500138418 小时前
AI时代,程序员该往哪走?
前端·后端
陳陈陳18 小时前
🚀 前端流式输出革命:SSE + BFF 架构从零到一实战指南
vue.js·架构·node.js