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 分钟前
缓冲区io
linux·服务器·前端
xhxxx38 分钟前
《深入理解 JavaScript 对象:属性命名、访问与遍历的那些细节》
前端·javascript
BBB努力学习程序设计39 分钟前
Web App开发基础知识:从零构建现代化Web应用
前端·html
BBB努力学习程序设计40 分钟前
使用Bootstrap框架搭建简单页面:快速构建现代化网站
前端·html
西洼工作室41 分钟前
CSS响应式布局全攻略
前端·css·响应式布局·栅格系统
用户938169125536043 分钟前
VUE3项目配置
前端
mm-q29152227291 小时前
云原生开发实战:从入门到精通 Vue3、Vite、Pinia、Axios 与 HTML、JavaScript、CSS 项目开发
javascript·云原生·html
MegatronKing1 小时前
一个有意思的问题引起了我的反思
前端·后端·测试
JohnYan1 小时前
Bun技术评估 - 30 SSE支持
javascript·后端·bun
鹤归时起雾.1 小时前
CSS属性继承与元素隐藏全解析
前端·css