账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 使用 swiper 的 slideTo 问题
    23
    0

    第一个页面是 1 2 3 4 四个列表
    第二个页面是 swiper 页面,也是四个页面,分别对应第一个页面里的四个
    点击第一个页面的 3 之后,会把 index 值带入第二个页面
    然后第二个页面接收之后,用 slideTo 跳转到对应的swiper 页面

    看起来应该是没问题的
    但是就是不成功

    这是个 vue 项目,整个页面的数据是由 axios 从后台获取的

    new Swiper 和 slideTo 都是写在 mounted 中

    我尝试把new Swiper 和 slideTo 写在 axios 获取数据成功的地方,也是不行

    使用 initialSlide 参数,还是不行

    打了断点,好像不管怎么样,slideTo执行的时候,页面还没有渲染完成,但是数据都是已经有了的

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • Swiper 是一个 JavaScript 框架,用于滑动效果。在 Vue 中使用 Swiper 的 slideTo 方法,通常用于切换滑动效果。但是,如果你遇到 slideTo 问题,可能是因为你在 slideTo 方法中使用了错误的参数或者函数名。

      例如,如果你的 slideTo 参数是一个字符串,而你期望它是一个对象,那么你需要确保这个对象包含了 slideTo 的所有参数,比如 slides 对象,startAt 属性等。

      例如,如果你的 slideTo 参数是:

      javascript slides: { 0: { speed: 200 }, 1: { speed: 300 }, 2: { speed: 400 } }, startAt: 0

      那么在你的 Vue 组件中,你可以这样使用 slideTo:

      javascript <swiper :options="options" @slideTo="slideTo"></swiper>

      如果你使用的是 ES6 的箭头函数,那么你需要确保你的 slideTo 参数是一个对象:

      javascript <swiper :options="options" @slideTo="slideTo"></swiper>

      同时,你需要确保你的 slideTo 参数中的 slides 对象包含了 slideTo 的所有参数,比如 slides 对象,startAt 属性等。

      例如,如果你的 slideTo 参数是:

      javascript slides: { 0: { speed: 200 }, 1: { speed: 300 }, 2: { speed: 400 } }, startAt: 0 }

      那么在你的 Vue 组件中,你可以这样使用 slideTo:

      javascript <swiper :options="options" @slideTo="slideTo"></swiper>

      以上就是关于 Vue 中使用 Swiper 的 slideTo 方法的一些基本问题和解决方案。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部