在 SPA 客户端路由更改后,自定义导航/注入样式未被应用(从 v12.2 回退到 v14.2)
请检查这是否真的是一个错误
- 我确认
复制链接
https://stackblintz.com/edit/nuxt-starter-utfhl1x1? 文件=组件% 2FSwiperCreative.vue
QQ 错误描述
在 Vue 3 / Nuxt 4 app中通过 Web 组件(swiper/element/bundle)使用: < swiper-conter init="false"),通过Object.sign 在Mounted上指定了参数(custom signal.prevEl/nextEl, infirmStyles),然后被调用.初始化().
在所有情况下,正确操作12.2.x。 在14.2.x,它特别在客户端-侧路重挂(SPA导航)上中断——硬刷新总是可行的. 没有抛出控制台错误/ 警告; 参数只是默默地没有应用, 仿佛 . 初始化 () 以默认值运行 。
• 预期行为
客户端导航应产生与硬刷新相同的完全配置的Swiper实例.
实际行为
在客户端导航后: 默认的导航箭头显示而不是自定义箭头, 被注入溢出: 缺少可见的样式( clipped slips), 效果中断 。 没有控制台出错 。 硬刷新补正
Swiper 版本
14.2.x(从12.2.x退后)
++ 平台/目标和浏览器版本
Vue 3 + Nuxt 4, Swiper Elements (swiper/element/bundle), Chrome/Edge (ever green). 克勒姆克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克克勒克勒克勒克
校验
- 遵循我们的[行为守则](https://GitHub.com/nolimits4web/swiper/blob/master/CODE OF CONDUCT.md)
- 读取docs.
- 请检查access-date=中的日期值 (帮助) 已不存在要求相同功能的问题来避免产生重复.
- 确保这是一个Swiper问题,而不是一个特定框架的问题
您要为这个错误打开公关吗 ?
- 我愿意打开公关
内容来源: nolimits4web/swiper