yangzixiansheng的博客

前提：外包写了个官网，纯html。无seo/不支持一套代码多个语言等，所以重构 开始进坑：用nuxt改写 swiper 巨巨巨多（跳坑请看） 1.nuxt不支持swiper，经常弹出。改用2之后少弹 2.改用vue-awesome-swiper，非常非常不顺利！！！！！百分之八十出现的bug全是这个的错（当然可能是我菜） （1）老老实实下载swiper和vue-awesome-swiper不行，会遭遇样式消失等待各种版本问题，现在就是遇到比较稳定的就是vue-awesome-swiper v3.1.3 +

坑多多，做兼容和自适应想死的那种 类似底部导航，是放在swiper里的slide 不满一页，但是在进行页面缩放时就会占满一页 不好看 将autoHeight取消，然后设置除导航栏以外的height: calc(100vh) !important; 这样缩放都不会自动 ...

原因：遇到三个swiper互相嵌套，大swiper包含一个水平一个垂直方向的小swiper 两个swiper互相影响，水平swiper向下滚动变成垂直swiper中间出现很大空白页的 1.第一是想设定水平swiper高度，但我大swiper没设置自动高度，也不能固定，无果。 2.设置speed的速度，只要我速度够快，没有谁的眼能赶得上我！也算另类实现效果 ...

环境：nuxt项目，语法：vue 首先去官网拿简单轮播图例子 var mySwiper = new Swiper('.swiper-container', { autoplay: true,//可选选项，自动滑动 }) 把它放在init（）方法里，然后放在mounted（）里。 对轮播图片做一个v-for，再@click=check(path),把路径传给方法，方法里做router.push !!!重点来了，本地开发是可以进行正常点击跳转的，一打包变成html就不行 排除了图片加载过久等等问题，发现是图

环境：nuxt项目，vue语法 前置条件：npm install swiper 在页面 @import “swiper/css/swiper.css”; 在初始化swiper时加入loop：true；（这会复制一个slide。用可以用realIndex确定真实索引） 在div加入swiper的class，在该div绑定@click 出现的坑：可以一直切换上下一页，loop没问题。比如下一页点击几次，点击banner图想跳转，跳转失效。如果下一页只点击一次，是可以跳转的 解决办法：不用在div绑定click，

查看元素，我是div包裹着，有些是span div:focus { outline: none; }