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

}

相关推荐
冴羽6 小时前
3 招让你的 Shadcn 出海应用性能提升 40 倍
前端·javascript·next.js
中议视控6 小时前
网络中控系统通过推流软件实现可视化:RTSP,H265,WEB等推流
前端·网络
Hsuna6 小时前
Tailwind CSS 比起传统CSS框架无法实现的一些功能
前端·react.js
SilentSamsara6 小时前
装饰器基础:从闭包到装饰器的自然演变
开发语言·前端·vscode·python·青少年编程·pycharm
咸鱼翻身更入味6 小时前
Agent流式输送
前端
摇滚侠7 小时前
11 空间转换 前端 Web 开发 HTML5 + CSS3 + 移动 web 视频教程,前端web入门首选黑马程序员
前端·css·html·css3·html5
小李子呢02118 小时前
前端八股网络浏览器---输入 URL 到页面呈现
前端·网络
Hello--_--World8 小时前
Vue:虚拟Dom
前端·javascript·vue.js