1、vue项目，在main.js中设置了vue-resource的全局拦截器；某一页面采用定时器实现长连接，项目需求是获取当前页面的请求，在离开页面时将请求清除；因为要将请求存储到stroe中，所以需要在拦截器中使用对应组件的this,但使用时却发现，获取到的this并不是对应的组件实例；最终采用了在VUE的原型上定义函数，并在拦截器中调用该函数，这样就能正确获取到this，实现方式如下let

computed:{      getLanguage(){        return this.$store.state.language;      }    },    watch:{      getLanguage(val){         this.user = this.$t('user');         this.pas = this.$t(

按照element-ui官网提供的方法在vue中引入element2.0 后报错如下：错误提示说element-icons引用出错，找不到合适的loader；去看依赖包目录时发现引用的文件如下：  后来才发现file-loader默认处理文件格式是不包含'.tff'和'.woff'的; 于是在webpack.config.js中将目录中的文件格式加上：这

{    path:'/home',    component:Home,    name:'导航一',    iconCls: 'el-icon-menu',    children: [      { path: '/table', component: table, name: '表格'},      { path: '/carousel', component:

本文参考总结于：1、vue-router原理分析 - https://www.cnblogs.com/yanze/p/7644631.html2、location.hash详解 - http://blog.csdn.net/baidu_31333625/article/details/542882233、使用HTML5的History API - https://www.cnblogs...

项目实现过程中需要对一个已经有纵向滚动条的table表格增加鼠标滚轮（mousewheel）事件，方便查看数据；其实现原理与我上一篇博客中的拖动事件类似，利用模拟出来的同一个滚动条来实现，滚动条设置的要点在于：1、滚动条与滚动槽的高度比例 应该等于 内容区（动态变化）和可视区的高度比例；滚动槽与可视区平齐，高度一样，；滚动条的高度则根据内容的高度等比例计算；2、各元素的定位采用绝对定位，其父元素采

在XXX.js文件中定义函数： getUser(context,info){context.$http.get(SERVER_URL+'/users',info).then(function(data){let err =data.body.error;if(err===0){let dataObj = data.body.userL

vue(v2.3.3)项目中引入了vue-i18n（v7.0.5）插件实现国际化多语言；同时项目中使用了ElementUI（v1.3.7）库的时间选择控件‘date-picker’，该控件的文字也需要实现国际化，Element本身具有国际化功能；但问题是Element的官方文档中提到：Element 兼容 vue-i18n@5.x，搭配使用能更方便地实现多语言切换。默认不支持 6

1、使用Vue完成项目，从后台获取数据绑定到页面时，无法确保页面能在组件渲染前获取到所需的数据；    在下面两种情况中遇到过这个问题：    1）、子组件页面需要绑定后台数据到视图层：            解决方法：在父页面提前进行数据获取，用Vuex保存，然后子页面computed属性中返回该参数，即可保证渲染不出错；            PS：之前尝试过在子页面mount

vue项目中需要模拟表格的滚动条效果，涉及的事件就是mousedown、mouseup、mousemove；其中mousedown事件是绑定在滚动条上的，但是mousemove和mouseup事件则应该是绑定在document上，这样才能很好地实现滚动条的拖动；  首先在组件methods中定义两个函数：1、获取鼠标位置坐标：getPos(ev){let scro