幻淘-CSDN博客

原创 vue中使用window.open()打开另一页面和使用this.$router.push()跳转页面，在这个页面返回时保留上一个页面的查询信息

在nextPage页面返回的时候，使用this.$router.push({name:`${this.$route.query.pageName}`,params:{page:`${this.$route.query.page}`,pageSize:`${this.$route.query.pageSize}`,search:`${this.$route.query.searchForm}`,}})如果使用window.open()打开另一个页面，再返回操作。在主页面的时候，将需要的信息带过去。

2023-11-09 15:59:19 885

原创 elementUI的table表分页多选

getList(){ api.getData({pageNo:this.pageNo,recordsPerPage:this.recordsPerPage}).then(res=>{ this.list=res.data.reply.result this.total=res.data.reply.paginator.total }).then(()=>{ this.mutipleSelection.forEach(item=&g.

2021-07-14 14:33:15 219

原创利用el-progress怎样做伪进度条

前言在项目中遇到一个需求，由于后台返回结果给前端，这中间时间比较长，有很长的空白时间段，让人不知道这个过程进行到哪里了，所以提出一个需求，做一个假的进度条一、遮罩层由于我们的项目可以根据任务数去判断大概的执行时间所以假如任务是6，我在页面做了一个假的遮罩层，代码如下：<div class="mask" v-show="showMask"> <el-progress :text-inside="true" :stroke-width="22" :percentage="pro"

2021-04-20 10:22:08 1861

原创前端table表全文搜索

需求描述经常会遇到需求，前端分页＋全文搜索。<el-input v-medel="value" placeholder="请输入关键字进行搜索" prefix-icon="el-icon-search"><el-table :data="list.slice((page-1)*pageSize,page*pageSize)">....</table><el-pagination :total="total" @size-change="handleSi

2021-03-26 15:29:58 289

原创怎样去除对象中值是空的key

问题描述：在项目中遇到查询接口，有多个参数，后台要求传参是去除参数是空的keydelObjectKey(obj){ var param={} if(obj==null||obj==''||obj==undefined) return param; for(var key in obj){ if(obj[key]!==null&&obj[key]!==''&&obj[key]!==undefined){ param[key]=obj[key] } }

2021-03-26 13:51:02 568

原创 elementUI的组件upload遇到的问题

项目场景：vue中使用elementUI的upload组件问题描述：第一次点击上传文件，选择本地文件传给后台，触发接口返回结果，之后再点击上传文件不触发接口了。另外获取后台数据后需要画图，添加loading效果，一起记录下<el-upload class="uploadBtn" :data="BMCdata" :action="BMCurl" ref="upload" :on-success="handleSuccess" :on-error="handleError" :before-up

2021-03-18 18:01:38 765

原创 forEach异步问题

forEach异步问题项目场景：循环请求后台接口，按请求顺序将结果放到数组中问题描述：forEach的异步问题，要等forEach里的接口返回结果放到数组中再进行下一步请求数据this.ipList=[]this.checkedList.forEach(item=>{ api.selectCode({code:item}).then(res=>{ if(res.data.reply.returnCode.type!="S") return this.$message.error

2021-03-18 17:23:12 1274

原创 vue中循环倒计时怎么实现

vue中倒计时怎样实现一、问题描述我在使用setInterval的同时使用clearInterval，倒计时不生效，不适用clearInterval倒计时清除不了二、解决办法data中定义onOff表示滑块打开关闭，timeShow表示倒计时间和文字是否显示，secondValue表示选择的倒计时时间，secondTime倒计记时时间，contentValue显示的时间。methods:{ time(){ //倒计时的内容 this.secondTime--; this.conten

2020-12-16 11:00:04 1398

原创 vue中使用echarts的树图怎样自定义图片

在vue中使用echarts的树图怎样自定义图片export default{ data(){ return{ imgs:require("../../assets/images/imgs.png"),//变量保存imgs地址 imgsBase64:' ',//定义一个变量保存图片的base64码 treeData:[], } }, mounted(){ this.getCharts(); this.getBase

2020-09-07 10:57:59 1305

taoyiw的博客