随笔分类 -  vue

Vue设置token拦截以及给每个api加上Authorization请求头
摘要：登录页面的代码 Login.vue 关键代码为第34行 this.$store.commit("set_token", response.data.data); set_token是store/index.js中mutations里的函数名 1 <template> 2 <div> 3 <el-fo 阅读全文
posted @ 2020-05-20 13:16 ABKing 阅读(8857) 评论(0) 推荐(0)
前端使用Vue传入参数，后端接收时多一个等于号=的问题
摘要：今天前端使用Vue传入参数，后端接收时发现在参数末尾多了一个等于号= 前端： 1 <template> 2 <div> 3 <el-input v-model="phoneNum" placeholder="请输入手机号"/> 4 <el-button @click="sendVerifyCode( 阅读全文
posted @ 2020-04-03 14:23 ABKing 阅读(5366) 评论(0) 推荐(0)
Vue中上传文件，使用fr.onload = function(){} vue无法进行数据绑定
摘要：Vue中上传文件，使用fr.onload = function(){} vue无法进行数据绑定 核心代码如下： 1 fr.onload = function () { 2 this.imageUrl = fr.result; 3 // console.log(this.imageUrl); 4 }; 阅读全文
posted @ 2020-03-09 21:43 ABKing 阅读(943) 评论(0) 推荐(0)
[Vue warn]: Error in v-on handler: "TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'."
摘要：今天在使用Vue进行文件上传的代码编写时，发现报错： [Vue warn]: Error in v-on handler: "TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of typ 阅读全文
posted @ 2020-03-08 21:52 ABKing 阅读(27019) 评论(3) 推荐(1)
Vue中文件上传
摘要：使用饿了么组件进行文件上传代码的编写时，发现里面的demo都是直接上传，并没有先传到本页面，再点击按钮发送到指定服务器的例子 另外，如果直接使用样例的话，会很明显的发现，图片上传后，显示的缩略图会异常的慢！ 所以打算自己编写，但是这样一来，就发现了问题，貌似无法拿到file对象 后来通过查找资料，发 阅读全文
posted @ 2020-03-08 21:42 ABKing 阅读(2047) 评论(0) 推荐(0)
在Vue中对外部资源进行访问fetch和axios
摘要：1.fetch fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多了，参数有点像jQuery ajax。但是，一定记住fetch不是ajax的进一步封装，而是原生js，没有使用XMLHt 阅读全文
posted @ 2020-03-08 18:38 ABKing 阅读(575) 评论(0) 推荐(0)
表格中对每一行进行编辑
摘要：使用el-table标签的:data属性，可以设置数据源。 el-table-column用来设定 列级 通过slot-scope="scope"我们可以对每一行进行操作，只要把scope传入函数中，即可进行逻辑操作 1 <el-table :data="messages"> 2 <el-table 阅读全文
posted @ 2020-03-08 18:23 ABKing 阅读(479) 评论(0) 推荐(0)
浅析前后端分离项目中减少不必要的查询次数(以Vue为例)
摘要：在前后端分离的项目中，前端做好了页面，需要向后端提供的数据接口（API）索要数据 这其中，后端只需要提供数据，并尽量解决数据接口的大流量访问的问题。 乍一看，貌似数据接口的压力都被扔给了后端，可是前端同学就没有责任了吗？ 我认为不是的。 一般来说，对数据接口的访问是由前端发起的，所以，通过对前端的规 阅读全文
posted @ 2020-03-08 18:07 ABKing 阅读(358) 评论(0) 推荐(0)