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