#8224·swiper

在 SPA 客户端路由更改后,自定义导航/注入样式未被应用(从 v12.2 回退到 v14.2)

作者: ValentinY13创建于 2026年9月1日更新于 2026年9月1日
标签t0ggles

请检查这是否真的是一个错误

  • 我确认

复制链接

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). 克勒姆克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克勒克克勒克勒克勒克

校验

您要为这个错误打开公关吗 ?

  • 我愿意打开公关

内容来源: nolimits4web/swiper