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

}

相关推荐
Huanzhi_Lin6 分钟前
Nginx本地资源服务器-常用脚本
服务器·前端·nginx·batch·静态资源服务器
weixin199701080166 分钟前
《好看视频商品详情页前端性能优化实战》
前端·性能优化·音视频
有意义7 分钟前
深入理解浏览器存储方案:从Cookie到JWT登录认证
前端·面试·浏览器
jiayong237 分钟前
第 6 课:第二轮真实重构,拆出任务表格组件
前端·重构
jiayong2314 分钟前
第 4 课:怎么把一个大页面拆成多个组件
运维·服务器·前端
skywalk816317 分钟前
使用DuMate帮助创建 Python 3.9 环境并部署 Kotti CMS
前端·chrome
英俊潇洒美少年21 分钟前
Vue Hook 与 React Hook 全面解析:区别、用法、实战及避坑指南
前端·vue.js·react.js
吴声子夜歌27 分钟前
ES6——Symbol详解
开发语言·javascript·es6
weixin_7042660528 分钟前
项目总结一
java·前端·spring boot·后端·spring