![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Felery
这个作者很懒,什么都没留下…
展开
-
ElementUI select下拉框模糊搜索,选择下拉选项后,如何自动清除手动输入的内容呢?
问题描述:有时候会有这样的一个需求,使用elementui 的select组件,要求有远程搜索,用户输入关键字后,自动查询后端接口返回相关下拉数据,当用户点击所需的下拉项后,要自动清除之前手动输入的内容,这样用户就可以继续手动输入新的内容来搜索新的下拉选项,elementUI的select组件,是当你选择完下拉项,失去焦点后才会自动清除之前输入的内容,如下图:解决方法:给select组件赋予ref属性,值自己定义,如下图所示然后在change事件中,使用this.$ref..原创 2020-07-08 15:01:21 · 9328 阅读 · 0 评论 -
在vue中如何获取token,并将token写进header
需要准备的东西:Vue+axios+Vuex+Vue-router1.在login.vue中通过发送http请求获取token//根据api接口获取tokenvar url = this.HOST + "/session";this.$axios.post(url, {username: this.loginForm.username,password: this.loginForm.pa...原创 2018-03-15 16:12:25 · 110571 阅读 · 51 评论 -
axios+vue+element-ui以服务端方式动态加载loading
最近在开发公司的后台界面,因为要前后端分离,所以就用了Vue这个非常火的框架,前端界面就用的饿了么团队的开源组件element-UI,界面非常看好,设计的也挺人性化,大大缩短了前端开发周期。但这今天遇到个问题,就是当我点击侧边栏的选项时,右侧根据api渲染的数据有一个3秒钟的延迟,恐怕像我这种强迫症的人忍受不了的,所以就看到了,element-ui中的loading加载动画,通过loading来占...原创 2018-03-15 16:41:09 · 7029 阅读 · 3 评论 -
element-ui短信倒计时前进行字段验证
在ElelmentUI中,进行短信验证码倒计时字段验证,废话不多数,直接上代码HTML部分:<el-form-item label="手机号:" prop="phone"><el-input v-model.number="loginForm.phone" >{{loginForm.phone}}</el-input><el-button clas原创 2018-06-28 11:43:22 · 1526 阅读 · 0 评论 -
(多选)解决vue中多选table中的数据,将选中的多个数组中的key值提交给后端,提交完成后清除勾选框
首先描述一下问题吧,最近在开发中遇到一个问题,就是想要提取带有多选框table中的id,然后将所选中表中的key值为id(任务号)的数据以数组的形式传给后端,<el-button type="primary" size="medium" @click="speedupCheckbox"><i class="el-icon-time">&nbsp;全速&原创 2018-06-28 11:50:29 · 33621 阅读 · 6 评论 -
在vue中引入iconfont图标字体文件
从iconfont官网将要使用的图标添加至购物车,下载代码,然后解压出来其中要将iconfont.css、iconfont.eot、iconfont.ttf、iconfont.tff四个文件放置在一个目录下,在引用的时候,需要将这四个文件同时引入进去,如果只引入一个css文件,vue会包not found错误,如果要全局引入的话,就将四个文件在main.js中引入进去即可在全局引入后,可以直接使用...原创 2018-06-28 14:24:31 · 4305 阅读 · 1 评论 -
如何将Vue中表格数据,以Excel格式导出?报saveAs错误如何解决?
一、安装依赖npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-dev二、下载两个所需的js文件Blob.js和Export2Excel.js 链接:https://pan.baidu.com/s/1CNcEncW-f...原创 2018-06-28 14:53:08 · 4979 阅读 · 2 评论 -
关于Nginx服务器下部署Vue项目,报405及504错误解决方法
当Vue项目部署至nginx服务器后会出现405错误,首先检查一下,请求接口的方法是否正确,然后看看请求是否发送到后台了,最后按照以下步骤执行!!!原因:出现这个错误,是因为未在nginx.conf中配置api的请求地址。解决方法:如我的api请求地址为:http://172.21.0.88:8080/api,那么我就在nginx.conf中的server{}里面添加以下配置:location /...原创 2018-07-06 10:29:03 · 22512 阅读 · 1 评论