摘要:
vue实现部分页面导入底部 vue配置公用头部、底部,可控制显示隐藏
在app.vue文件里引入公共的header 和 footer
header 和 footer 默认显示,例如某个页面不需要显示header
可以使用 this.$emit('header',false); 来控制header不显示
例如:test页面不需要显示header,在页面被创建的时候广播(this.$emit)告诉上级不显示header,
并且在当前页面写自己的header代码,就可以了 阅读全文
摘要:
vue用mand-mobile ui做交易所移动版实战示例 阅读全文
摘要:
Vue用axios跨域访问数据
axios是vue-resource的替代品,vue-resource不再维护。
安装axios:npm install axios
使用vue-cli开发时,由于项目本身启动本地服务是需要占用一个端口的,所以会产生跨域的问题。在使用webpack做构建工具的项目中,使用proxyTable代理实现跨域是一种比较方便的选择。
通过this.$http去调用axios,如果之前你的vue-resourse也是这么写的话,可以无缝切换。换成this.axios也是没有问题的。
proxyTable相关配置及使用说明:
在config/index.js文件中,找到dev对象下proxyTable对象进行跨域设置 阅读全文
摘要:
vue axios使用form-data的形式提交数据
vue axios request payload form data
由于axios默认发送数据时,数据格式是Request Payload,而并非我们常用的Form Data格式,PHP后端未必能正常获取到,所以在发送之前,需要使用qs模块对其进行处理。
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios请求不携带cookie
this.axios.defaults.withCredentials = true;// 跨域携带cookie
在跨域的情况下不仅前端要设置withCredentials,后端也是要设置Access-Control-Allow-Credentials的。 阅读全文