这个插件如果使用它自带的slideTo()方法会产生跳转页面以后回退的问题，主要是由于为了适应响应式布局的一个浏览器自带方法兼容问题。
然后我在github上给作者提问了，他很积极的回复了并且提供了解决方案
我们在本地的解决方案是重新给返回的list排序
作者给我提供的解决方案是 另外初始化希望设置在第几个 slide 的方式，可以通过配置参数 curSlide=self.bFirst 的方式实现。

不过他提供的api文档里面并没有如何设置这个参数的说明然后我试了一下没有达到我的效果，没有初始化到我想要的那个slider

使用的时候遇到的问题
1、我暂时没有使用列表循环，因为针对不同的状态底部有不同的操作
2、它自带生成的轮播是带分页器的，我的需求里面不需要，所以我使用  < div   slot = "pagination" ></ div > 直接覆盖了原来的

3、我的需求里面有左右滑动的支持，通过
<div slot="arrowLeft"></div>
    <div slot="arrowRight"></div>
配置左右箭头
但是它的左右箭头并不自带左右滑动的效果，需要自己添加左右滑动的事件
1. 在 <wc-swiper> 标签上添加 ref 属性, 例如: <wc-swiper ref="swiper"></wc-swiper>
2. 通过 this.$refs.swiper 来引用预先提供的 3 个方法:
 
slideTo (index) 跳转至指定索引 (index 从 0 开始)
next () 跳转到下一个
previous () 跳转到上一个

没了~~
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue