时光荏苒、、、、、、、、-CSDN博客

原创 vue中断发送中请求

vue=>axios中断发送中请求1.方法2.用VUE的小伙伴可以这样设置1.方法var CancelToken = axios.CancelToken;var cancel;axios.get('/user/12345', { cancelToken: new CancelToken(function executor(c) { // executor 函数接收一个 cancel 函数作为参数 cancel = c; })});// 取消请求cancel()

2022-02-25 18:43:01 2465

原创 element ui el-select点击图标无法关闭下拉框问题

element ui el-select点击图标无法关闭下拉框问题当el-select设置了filterable 筛选的时候点击图标无法关闭下拉框思路：利用visible-change方法获取下拉框打开和关闭事件，然后focus方法拿到鼠标事件上代码：<template> <el-select v-model="value" filterable placeholder="请选择"> <el-option v-for="item in o

2021-06-30 21:14:19 2792 3

原创 safari 表格最后一列显示空白问题

1。avue 表格和 element ui 表格在其他浏览器正常，但是在safari 浏览器下最后一列会显示空白，此时只需要：.el-table__body { width: 100%; } .el-table__header{ width: 100%; }如果没成功，退出safari重新进入就可以了2。this.$router.go(0)刷新当前页面会有兼容问题，用window.location.reload()代替...

2021-06-30 13:55:36 328

原创 window.location=url 下载会跳转空白页面

window.location=url 下载会跳转空白页面*这个方法主要是当后端已经写好了导出或下载，我们用ajax请求是下载不了，我们就可以用如下的方法。亲测有效~~~~~*方案一（推荐）：用js触发标签点击事件（虽然这个方法可能不会成功）var downLoad=function(src){ var a = document.createElement('a'); a.id = 'expertFile' a.href =src; document.body.append(a);

2021-02-25 14:42:39 1660

原创 vue页面或者网页全屏后，modal 弹框或者下拉框无法显示的问题

项目场景：vue页面或者网页全屏后，modal 弹框或者下拉框无法显示的问题问题描述：页面主体部分全屏后，页面中的所有弹窗和下拉框不能显示，退出全屏后，弹窗正常。原因：项目主体全屏后，层级最高，弹出会被盖在app层级下面，不能显示。解决方案：只需要调用document.documentElement// 全屏requestFullscreen = (element) => { const element = element || document.documentElement

2020-12-10 18:03:01 7935 10

原创 vue抽屉弹窗，侧边弹窗！！

vue抽屉弹窗，侧边弹窗！！以下代码比较简单。主要就是实现侧边弹窗而且不会影响页面操作的方式，求点赞！！！不多说直接贴代码。<template> <div> <div :class='{"itemCount":true,"leftT":!leftShow,"left":leftShow}'>//这种写法是动态获取样式 <div style="font-size:60px;">表格数据</div>

2020-11-12 17:51:31 2127 3

原创 Echarts销毁实例的方法

Echarts销毁实例的方法很多时候需要销毁实例，再次重新创建比如：地图动态lines线条的时候，再次去加载会留下上次线条的痕迹。加个dispose()方法// 在创建之前销毁echarts.init(document.getElementById(‘middleview’)).dispose(); // 销毁实例var myChart1 = echarts.init(document.getElementById(‘middleview’)); // 再次创建实例这样就可以了！！！！！！！！！

2020-11-11 15:28:55 11905 2

原创当element ui el-dialog弹窗有缓存，每次打开弹窗的时候会出问题。如下是解决方案

当element ui el-dialog弹窗有缓存，每次打开弹窗的时候会出问题。如下是解决方案！！！如下是解决方案。用el-dialog 里面有一个destroy-on-close（关闭时销毁 Dialog 中的元素）这个完全没用。其实很简单。只需要在 el-dialog 外层加一层div 然后在 div 上写上 v-if="dialogVisible"就行了。<template> <div v-if="dialogVisible">//加一层div 就可以了写上 v-if

2020-11-11 08:55:57 6737 10

原创关于如何修改element ui 和avue的表头某行的样式以及多表头的样式

关于如何修改element ui 和avue的表头某行的样式以及多表头的样式样式帮忙点下关注谢谢各位了：：此法亲测有效，也是经常多方探索总结出来的。虽然比较简单，但为了小白能看懂我还是详细点1、用:nth-child()选择器实现，首先来看个例子：<template> <div> <div class="ceshi"> <h2>1</h2> <h2> <h4>3

2020-10-31 13:34:12 1401

原创前端导出excel 表格页面！！

前端导出excel 表格页面！！1、首先后台传到前端的接口一般为乱码。获取到传过来的乱码。2、没有（blob）的情况下。下载依赖（blob）。3、在请求的位置写上（responseType:‘blob’）处理乱码。例如：export const export = (params) => { url:'xxx' // 此为地址 method:'get' // 请求方式## 标题 responseType:'blob' // 请求头转换用于处理乱码 params }4、在met

2020-10-29 19:57:46 303 1

woyaojinali的博客