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

}

相关推荐
小周同学:5 分钟前
vue将页面导出成word
前端·vue.js·word
阿杰在学习17 分钟前
基于OpenGL ES实现的Android人体热力图可视化库
android·前端·opengl
xfq18 分钟前
[ai] cline使用总结(包括mcp)
前端·后端·ai编程
weiran199918 分钟前
手把手的建站思路和dev-ops方案
前端·后端·架构
自不量力的A同学22 分钟前
Next.js 中间件曝高危漏洞 CVE-2025-29927,授权绕过风险波及全版本
开发语言·javascript·中间件
小刀飘逸24 分钟前
子元素 margin-top 导致父元素下移问题的分析与解决方案
前端
Evrytos27 分钟前
告别石器时代#2:ES6新数据类型
前端·javascript
Ody30 分钟前
大屏开发适配方案全面解析
前端
java1234_小锋31 分钟前
一周学会Flask3 Python Web开发-SQLAlchemy数据迁移migrate
开发语言·前端·python·flask·flask3
wordbaby31 分钟前
Vue3滚动轮播组件实现超标信息自动滚动
前端·vue.js