Vue
无尽的拉格朗日
网易不行
展开
-
vue通过识别后端报错信息,使前端自动返回登录页
前言一般可能用在网页连接超时的情况实现工具1.axios2.vue-router步骤1.通过在main.js设置axios的拦截器,拦截所有的状态为false的信息(需要后端配合,标注错误状态)2.对信息进行判断。如果符合判断内的特殊条件,就通过 window.location.href 的方式获取最后的路由进行判断当前页面是否是登录页,是的话就不处理,不是就跳转到登录页代码//axios响应拦截器axios.interceptors.response.use( response原创 2021-08-30 18:53:14 · 1006 阅读 · 0 评论 -
elementui的el-table给每个单元格赋予色彩
<el-table :data="tableData" height="680" :cell-style="ssssssssss"> <el-table-column type="index" fixed="left" width="55" label="#"></el-table-column> <el-table-column :label="'x'+(index+1)" v-for="(item,index) in 7"原创 2021-06-30 15:27:16 · 460 阅读 · 0 评论 -
excel文件的导入导出(xlsx插件版)
前言因业务需要,需要整个excel文件的导入导出,故历经诸多磨难,完成以下代码,留待有缘人html代码(vue-elementui) <div class="upload-center"> <el-upload ref = 'upload' class="upload-demo" drag accept=".xls,.xlsx" :show-file-list="false" :before-uploa原创 2021-06-30 15:05:14 · 1092 阅读 · 1 评论 -
div中使用懒加载的相关问题
前言写项目的时候发现需要这么一个功能,需要给树懒加载上节点,我也不清楚我这方法是不是正经的懒加载,但是效果跟我见过的图片的懒加载差不多,俺寻思着应该就是了其实要搞懒加载主要要解决几个问题一、滚动条的容器是什么,也就是说这个滚动条我们是要监控全页面的,还是页面中某一个div中的滚动条,写法会有些不一样二、怎么计算最后的位置,即使得不管滚动条距离如何加长,最后滚动条都是运行到最下面的时候再加载下一部分数据。(最后据我实践所得,在chrome浏览器中,给到的滚动条运行数据不像是像素,有点像像素x10)三原创 2021-06-30 14:18:57 · 485 阅读 · 0 评论 -
elementui-input远程搜索的显示问题
前言用的时候发现</el-autocomplete>这个标签下下拉列表的数据超出部分设置的是overflow: hidden;这样不是很好,毕竟有时候还是需要展示完全的所以需要改造一下根据我多次尝试,代码如下(在全局下起作用,在scoped中不起作用)/*远程查询下拉框*/.el-autocomplete-suggestion__list{ display: inline-block;}后语看似是个小问题,却也能耗很长时间✌...原创 2021-06-29 17:08:47 · 642 阅读 · 0 评论 -
setInterval销毁问题
如下推荐以下方法,其实没啥技术含量,主要是防忘const timer = setInterval(() => { this.dateshow();}, 1000*60); this.$once('hook:beforeDestroy', () => { clearInterval(timer); })原创 2021-06-29 16:28:45 · 1719 阅读 · 0 评论 -
Vue项目使用axios时的跨域虚拟服务器设置
前言由于浏览器的安全策略,当我们想在开发环境前后端联调的时候总是会有跨域的问题,解决这个问题前后端都有方法,此文说一下前端方法需要工具axios插件步骤一(/config/index.js文件)代码 // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/apiC': { target:'http://localhost:62119/',原创 2021-06-29 15:22:28 · 258 阅读 · 0 评论 -
vue-elementui的图片上传之base64
最近处于功能需要,要做一个图片上传服务器的功能,但是因为服务器架构问题,不能用一些别的方法上传,暂时只能用base64的字符串。那么话不多说,开整首先,需要你先用到elementui的Upload 上传组件,如图当你有了这个组件的时候,你能够很容易的得到blob形式的图片数据(组件的很多方法是会把file()类型数据给到你的)。然后就是通过一些方法,将blob转base64,如下代码 //this.imgBlob是拿到的file对象 //保存图片 postServerImage(){原创 2021-03-02 18:46:56 · 1274 阅读 · 0 评论 -
新技能,特效边框之旋转
上图这个截图已经接近我最佳水平了的( •̀ ω •́ )✧话不多说上代码<div class="next"></div>.next{ float: right; margin-top: 20px; margin-right: 50px; width: 50px; height: 50px; position: relative; overflow: hidden; z-index: 0;}.next::after{ content原创 2021-01-21 16:05:25 · 124 阅读 · 0 评论 -
区分手动输入和扫码枪输入V1.0
前言加上了V1.0的结果就是,它可能没有机会升级到2.0了这个方法是通过连续两次的输入间隔时间判断的,所以它是有些硬性bug的step 1 - html代码<div class="grid-content"> <div> <span>测试:</span> <el-input style="width:70%" v-model="input" placeholder="测试输入" @keyup.native="enterKeyD原创 2020-12-14 14:13:12 · 553 阅读 · 0 评论 -
可以随机乱序的乱序键盘
前言其实这不应该叫键盘,但它长得像键盘,用起来也像,所以还是叫键盘吧代码//html //首先你得有个按钮 <div> <el-button type="danger" class="submit-btn" @click="postLoginInfo">输入</el-button> </div> <div> <el-dialog title="歪比歪比" :visible.sync原创 2020-11-27 17:45:36 · 525 阅读 · 0 评论 -
Vue项目扫描条码
Vue工程扫描条码项目跑通了,但我不知道为什么能跑通。。。很气。。。等我回头研究一下为什么能跑通,再详细写内容原创 2020-03-17 21:58:59 · 2835 阅读 · 6 评论 -
echarts的气泡图--散点图的标题常态显示
最近在调一个图形的的时候,碰到的这个问题,正常状态下需要悬停在气泡上才会展示,现在需要在气泡图上常态显示每个气泡的标签名称,不太好找,废了一些劲,做个记录代码如下 series: [{ name: '气泡图', data: this.scatterdatas, type: 'scatter', sym...原创 2019-12-26 13:47:34 · 3345 阅读 · 0 评论 -
Vue,H5,JS网页调用摄像头解析二维码 -- 好长的标题
做项目的时候废了好大劲找的,第一次,没什么经验,好不容易做出来,记录一下,话不多说,开列关键点关键点一 https网页协议必须是https的,因为调用权限的某些(没太搞懂,我就不多说了,可以自己百度一下)限制,必须是在安全协议下,才可以调用这些方法关键点二 qrcode.js网络上应该都有资源(找到对的资源),同样是叫qrcode.js,内容还真的不一样,,,找到用来解析的qrcode....原创 2019-11-20 14:34:08 · 2898 阅读 · 5 评论