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

}

相关推荐
小妖66614 小时前
力扣(LeetCode)- 93. 复原 IP 地址(JavaScript)
javascript·tcp/ip·leetcode
古月฿14 小时前
大学生素质测评系统设计与实现
java·vue.js·redis·mysql·spring·毕业设计
码农秋14 小时前
Element Plus DatePicker 日期少一天问题:时区解析陷阱与解决方案
前端·vue.js·elementui·dayjs
未来之窗软件服务15 小时前
未来之窗昭和仙君(五十六)页面_预览模式——东方仙盟筑基期
前端·仙盟创梦ide·东方仙盟·昭和仙君·东方仙盟架构
top_designer15 小时前
Illustrato:钢笔工具“退休”了?Text to Vector 零基础矢量生成流
前端·ui·aigc·交互·ux·设计师·平面设计
源码获取_wx:Fegn089515 小时前
基于springboot + vue物业管理系统
java·开发语言·vue.js·spring boot·后端·spring·课程设计
星哥说事15 小时前
星哥带你玩飞牛NAS-13:自动追番、订阅下载 + 刮削,动漫党彻底解放双手!
前端
donecoding15 小时前
前端AI开发:为什么选择SSE,它与分块传输编码有何不同?axios能处理SSE吗?
前端·人工智能
安_15 小时前
<style scoped>跟<style>有什么区别
前端·vue
姝然_952715 小时前
Claude Code 命令完整文档
前端