hhhhh--hhhhh-CSDN博客

原创 vue-router踩坑之history模式的scrollBehavior

vue-router默认模式是hash,该模式下微信和部分浏览器不会保留页面的滚动位置，例如从列表页到详情页，再返回列表页，会自动回到列表页顶部，显然很多情况下这并不是我们想要的，希望回到的是原来浏览到的位置；history模式下有 new Router({ mode: 'history', scrollBehavior (to, from, savedPosition) {

2017-12-04 23:06:17 5498

原创 vue-resource emulateJSON

vue-resource post设置{emulateJSON:true}启用该选项后，请求会以application/x-www-form-urlencoded作为MIME type，就像普通的HTML表单一样。form形式传给后台，而非json形式

2017-11-26 16:41:29 3277

原创 vue设置请求时的header

参考：http://www.jb51.net/article/123459.htm写法：Vue.http.headers.common['token'] --vue设置请求时的header

2017-11-26 16:39:08 33834 1

原创 element框架vue原始方法

@keyup.enter.native

2017-11-26 16:36:22 608

原创 vue keep-alive生命周期

问题：mint-ui infinite scroll keep-alive时一旦有滚动就会触发事件参考：https://segmentfault.com/q/1010000008099297解决：两个文件中都加入：deactivated(){ //keep-alive组件停用时调用 this.loading=true; console.log('index-deactivat

2017-11-26 16:33:40 1676

原创 Vue父子通信 props

vue父子组件通信props子组件mounted时拿不到值-----解决：自组件中watch传过来的名称，就可以获得http://www.jb51.net/article/117447.htm--参考资料

2017-11-26 16:28:59 235

原创 sticky效果实现思路

sticky的最终版实现：支持该属性的用sticky布局，不支持的，js监听scroll事件，由于可能需要实现sticky效果的元素的offsetTop会在滚动的过程中变化，因此效果不好，可以转换思路，监听其附近不需要实现该效果的元素距离可视区顶部的距离，当它将要消失时，就将效果元素的定位变为fixed

2017-11-26 16:25:07 2348

原创 vue-ref使用

{{item.name}} 获取：：this.$refs.li[7]

2017-11-26 16:22:28 1049

原创 css左右摆动动画

/*活动摇摆动画*/@-webkit-keyframes swing { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg)

2017-11-26 16:20:10 10547 1

原创 vue 父子组件通讯--props,refs(muse-ui,vue.js2.0)

<client-pop-update ref="clientPopUpdate" title='编辑客户' :name="updateName" :tel="updateTel" :addr="updateAddr" :id="updateId" :index="updateIndex" :money="updateMoney" v-on:getUpd

2017-09-04 19:29:42 858

原创分页显示--html,js处理

效果如下：.pageJumpDiv{ display: inline-block; font-size: 14px; color: #666; position: relative; top:-1px; } .pageJumpDiv input{ width:45px; height: 26px; padding-left: 5p

2017-06-21 15:44:06 10595 1

原创 replace方法全部替换的写法

var string_need_replace=..;var re = new RegExp("","g"); //定义正则表达式--这样回替换掉字符串中所有的,string_need_replace.replace('','\n');只会替换掉字符串中第一个string_need_replace =string_need_replace.replace(re,"\n");//注：一般通常

2017-05-30 16:41:11 6804

转载 jquery ajax 上传普通数据/单个文件/文件数组

1.如题三种情况都有时的写法：var formData = new FormData(); formData.append("普通数据名1",普通数据); formData.append('单个文件名',document.getElementById(单个文件选择的input的id).files[0]); //文件数组 if(document.getElemen

2017-05-30 16:18:05 5957

原创原生js将图片转成base64，实现预览效果

html代码部分：原生js处理部分function imgPreview() { var files = this.files; var file = files[0]; var reader = new FileReader(); reader.onload = function() { var result = this.resul

2017-05-30 16:09:49 3309

转载 js 拉取所有数据，前端进行分页处理

拉取所有数据，前端进行分页处理序号 1 2 3 4 5 6

2017-05-30 15:52:58 9147 6

原创省市联动选择

省市联动选择

2017-05-30 10:44:33 349

yu2015java的博客