随笔分类 -  VUE

解决vue本地环境跨域请求正常,版本打包后跨域代理不起作用,请求不到数据的方法——针对vue2.0
摘要:问题:在本地使用了proxyTable代理可以正常跨域请求后台数据,打包上传后就无法获得后台的json文件。查看了相关资料可以用nginx进行解决。还可以使用命名环境变量,请求的时候进行判断,话不多说上干货 1、dev.env.js 进行配置 module.exports = merge(prodE 阅读全文

posted @ 2020-09-24 17:54 码上wonderful 阅读(5455) 评论(0) 推荐(0)

element-ui 的 el-table 上使用无限滚动加载(与自带的 infinite-scroll 结合)——vue2.0
摘要:在线示例:https://yujinpan.github.io/el-table-infinite-scroll/ 实现原理:https://github.com/yujinpan/el-table-infinite-scroll/blob/master/src/directives/table-i 阅读全文

posted @ 2020-09-24 17:18 码上wonderful 阅读(6159) 评论(0) 推荐(0)

vue+element-ui table实现滚动加载 ——vue2.0版本
摘要:在main.js里注册 1 Vue.directive('loadmore', { 2 bind(el, binding) { 3 const selectWrap = el.querySelector('.el-table__body-wrapper') 4 selectWrap.addEvent 阅读全文

posted @ 2020-09-24 16:52 码上wonderful 阅读(2950) 评论(0) 推荐(1)

vue $emit子组件传出多个参数,如何在父组件中在接收所有参数的同时添加自定义参数
摘要:前言 很多时候用$emit携带参数传出事件,并且又需要在父组件中使用自定义参数时,这时我们就无法接受到子组件传出的参数了。找到了两种方法可以同时添加自定义参数的方法。 方法一 子组件传出单个参数时: 1 // 子组件 2 this.$emit('test',this.param) 3 // 父组件 阅读全文

posted @ 2020-08-24 14:24 码上wonderful 阅读(1323) 评论(0) 推荐(0)

本地axios处理跨域问题(仅针对vue-cli3以下的开发环境,项目中配置文件是config->index.js)
摘要:首先npm安装好axios,其次在main.js中引入: 1 import axios from 'axios' 2 3 Vue.prototype.$axios = axios //把axios挂载到vue的原型中,在vue中每个组件都可以使用axios发送请求 4 Vue.prototype.H 阅读全文

posted @ 2020-08-20 09:01 码上wonderful 阅读(446) 评论(0) 推荐(0)

vue-cli3中配置axios及使用
摘要:创建了vue-cli3脚手架项目之后,需要自己新建一个vue.config.js文件,然后配置axios,就可以请求接口获取数据了。 实现代码: 1.vue.config.js:设置反向代理,解决跨域 1 proxy: { 2 '/api': { 3 target: 'http:\\192.168. 阅读全文

posted @ 2020-08-18 15:18 码上wonderful 阅读(8905) 评论(0) 推荐(0)