2018年11月8日
router-link params传参
1、router.js配置 需要在路径后定义上要传的属性名 --》 /：属性名（query方式不需要） { path: '/CreateProgress/:name1', name: 'CreateProgress', component:CreateProgress } 2、传参 与query不同 Read More
posted @ 2018-11-08 10:23 古墩古墩 Views(4566) Comments(0) Diggs(0)
router-link传参 query方式
router.js内的路由配置 { path: '/CreateProgress', name: 'CreateProgress', component:CreateProgress } 传参（query方式 在地址栏可以看到） <router-link :to="{path:'CreateProg Read More
posted @ 2018-11-08 09:48 古墩古墩 Views(4014) Comments(0) Diggs(0)
2018年11月7日
vue中 用媒体查询 空置根节点字体大小
在index.html中 <style> @media all and (min-width: 0px) { html{font-size: 20px;}/* 12*4.6 */ } @media all and (min-width: 640px) { html{font-size: 50px;} Read More
posted @ 2018-11-07 18:10 古墩古墩 Views(1363) Comments(0) Diggs(0)
vueawesomeswiper自定义 导航点
1，pagination的配置 pagination: { el: '.swiper-paginationfull', // type:'bullets', // bulletElement : 'span',//设置分页器小圆点标签，默认为span标签 // clickable:true, // Read More
posted @ 2018-11-07 18:05 古墩古墩 Views(1971) Comments(0) Diggs(0)
2018年10月26日
swiper跳转制定页面
haha(){ var that=this; that.$refs.mySwiper.swiper.slideTo(1, 1000, false); } //以上代码是 获取ref值为myswiper的实例swiper，之后跳转到第二页，时间为1s，为false时不触发onSlideChange回调 Read More
posted @ 2018-10-26 19:46 古墩古墩 Views(1889) Comments(0) Diggs(0)
2018年10月25日
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 Read More
posted @ 2018-10-25 22:54 古墩古墩 Views(5085) Comments(0) Diggs(1)
2018年10月23日
自定义vueawesomeswiper分页器样式
swiperOption: {//swiper的配置项 notNextTick: true,//想获得swiper实例对象，这个必须为true direction: 'vertical', // grabCursor: true,//鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状 Read More
posted @ 2018-10-23 20:20 古墩古墩 Views(2677) Comments(0) Diggs(0)
rem布局，flexible.js
//author:caibaojian //website:http://caibaojian.com //weibo:http:weibo.com/kujian //这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750 Read More
posted @ 2018-10-23 13:55 古墩古墩 Views(247) Comments(0) Diggs(0)
2018年10月13日
vue中引入awesomeswiper的方法以及编写轮播组件
1、先安装less-loader npm install less less-loader --save 2、再安装css-loader npm install css-loader --save 3、安装上面两个之后、再安装vue-awesome-swiper（必须在前两个安装过之后安装） npm Read More
posted @ 2018-10-13 21:48 古墩古墩 Views(1163) Comments(0) Diggs(0)
2018年10月9日
Vue打开新页面的方法
let routeData = this.$router.resolve({ name: "detail", query: {goodsId:'1111'} }); window.open(routeData.href, '_blank'); Read More
posted @ 2018-10-09 17:07 古墩古墩 Views(1928) Comments(0) Diggs(0)