10 2018 档案

swiper跳转制定页面

摘要：haha(){ var that=this; that.$refs.mySwiper.swiper.slideTo(1, 1000, false); } //以上代码是获取ref值为myswiper的实例swiper，之后跳转到第二页，时间为1s，为false时不触发onSlideChange回调阅读全文

posted @ 2018-10-26 19:46 古墩古墩阅读(1885) 评论(0) 推荐(0) 编辑

js实现点击div以外区域，隐藏div区域

摘要：<body style="text-align:center;"> <input type="text" style="width:200px;height:30px;background:pink;margin-top:100px auto 0;"> <div style="width:300px 阅读全文

posted @ 2018-10-25 22:54 古墩古墩阅读(5077) 评论(0) 推荐(1) 编辑

自定义vueawesomeswiper分页器样式

摘要：swiperOption: {//swiper的配置项 notNextTick: true,//想获得swiper实例对象，这个必须为true direction: 'vertical', // grabCursor: true,//鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状阅读全文

posted @ 2018-10-23 20:20 古墩古墩阅读(2641) 评论(0) 推荐(0) 编辑

rem布局，flexible.js

摘要：//author:caibaojian //website:http://caibaojian.com //weibo:http:weibo.com/kujian //这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750 阅读全文

posted @ 2018-10-23 13:55 古墩古墩阅读(244) 评论(0) 推荐(0) 编辑

vue中引入awesomeswiper的方法以及编写轮播组件

摘要：1、先安装less-loader npm install less less-loader --save 2、再安装css-loader npm install css-loader --save 3、安装上面两个之后、再安装vue-awesome-swiper（必须在前两个安装过之后安装） npm 阅读全文

posted @ 2018-10-13 21:48 古墩古墩阅读(1151) 评论(0) 推荐(0) 编辑

Vue打开新页面的方法

摘要：let routeData = this.$router.resolve({ name: "detail", query: {goodsId:'1111'} }); window.open(routeData.href, '_blank'); 阅读全文

posted @ 2018-10-09 17:07 古墩古墩阅读(1922) 评论(0) 推荐(0) 编辑

数组的迭代方法

摘要：var numbers=[1,2,3,4,5,4,3,2,1]; var some=numbers.some(function(item,index,arr){ return (item>2); }) console.log(some)//true 有一个返回true最终就返回true var ev 阅读全文

posted @ 2018-10-06 19:11 古墩古墩阅读(162) 评论(0) 推荐(0) 编辑