巨砲-CSDN博客

转载 blob 导出 content-type 类型

1 Response.AddHeader(“content-type”, “application/x-msdownload;”);类型列表2 “."=“application/octet-stream”3 “.001”=“application/x-001”4 “.301”=“application/x-301”5 “.323”=“text/h323”6 “.906”=“application/x-906”7 “.907”=“drawing/907”8 “.a11”=“application

2021-06-16 14:47:52 2149

原创 Element-Ui 复选框动态改变绑定值，复选框未勾选问题

最近在写项目时遇到复选框数据更改但是界面未被选中的问题，通过打印结果可以看到v-model数据已经更改但是界面并未更改状态，通过查询得知，虽然数据变了，但并没有触发model的set方法，所以当首次将selfModel设置为true后，后面get方法得到的值一直是true。产生这个问题的原因是，Vue 为了尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。这里推荐一个内置方法 this.$forceUpdate()使用的话就直接用就行 //html <el-checkbox @

2021-06-09 15:09:52 3075

原创 vue 整理的关于IE的一些兼容和报错情况

因为是新手小白也是经历了一次项目实战之后才敢分享给大家，大家作为参考就可以最主要的就是es6的语法兼容问题babel-polyfillBabel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而可以在现有环境执行，所以我们可以用ES6编写，而不用考虑环境支持的问题；npm install --save-dev babel-polyfill//main.js// 我们在这里引用一下import "babel-polyfill";但是这个只能把 es6 的一些 js 语法转化，如

2021-06-08 09:57:57 849

原创 Vue + element 多选表格实现跨分页保存数据并回显

在大部分项目中如果存在数据的处理操作一般会有这样一个需求：多选表格因为数据太多，全选按钮需要从默认的全选当前页变为全选所有数据，并且每页记录的数据需要切换分页的时候保存下来并在切回分页的时候进行回显，这个时候我们就需要对 element ui 的表格进行一些处理elment ui 的 table 表格本身带了一个跨页保存数据的属性也就是说 row-key 配合 reserve-selection 是可以进行数据的保存的，我们可以通过请求到的数据和存储的跨页数据进行匹配做到回显不成问题，但是在我个

2021-03-17 17:32:02 3012 5

原创 vue + Element ui 输入框常用正则

vue 常用正则输入框仅允许输入正整数 oninput="value=value.replace(/[^\d]/g,'');"输入框仅允许输入正数小数点2位精度 oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2

2021-01-28 10:21:40 816

原创在 Vue 中封装公用方法

我们在项目中常常需要对一些请求参数做处理，例如给所有请求的关键参数去除首尾空格，所有空格，等等，但是我们如果一个个去监听组件变化无疑是非常耗费精力的，所以我们需要封装一个或多个公用的方法，在我们需要的地方去引用就可以。我们在 src 目录下新建 util 文件夹，在文件夹里新建 globalUtil.js 文件用来存储我们的公用方法// src/util/globalUtil.js/*** 说明：自定义函数或常量；* 范围：全局引用的函数及变量；* 适用：需大部分功能均有适用，或需大

2021-01-20 09:59:46 1323

原创在 Vue 中使用 iconfont

在 Vue 中使用 iconfont在一个完整的项目中，我们对于 icon 图标的处理已经不经常使用之前的雪碧图，png 等图片格式了，首先图片会占据我们项目的大量空间，图片多的话可能会使得打包之后的项目包特别大，而这些不是我们所期望的，因此我们需要在这里引入阿里的 iconfont百度搜索 iconfont点进去之后登录在首页的资源管理下拉处找到我的项目点进去点进去之后界面右边有一个新建项目，一般我们一个项目建立一个矢量图标库，也有可能分模块，分期数都有可能点进去之后输入主要信息，

2021-01-19 10:25:59 184

原创 Vue 下载文件

在项目中尤其是后台之类的项目，上传下载、导出 excel等等这些会非常多，一般情况下流程是后端会写一个get接口返回一个文件流，我们只需要拼接好相应的参数和 token 打开这个地址就可以了。//下载downloadFile(val){ // 拿到 token 部分一般是 bear xxxxxxxxxxxxxxxxx 我们需要切割一下 let tem=this.$store.state.token.split(' ')[1]; // 拼接好我们需要的参数和 token let te

2020-12-25 11:19:06 214

原创 Vue 刷新页面保存 vuex 信息

在项目中我们通常会遇到这样一个情况，客户不允许把信息存储在 sessionStorage / localStorage 因为这样会暴露一些存储信息，安全起见只能存储在 vuex 里面，但是 vuex 刷新之后 state 里面的信息依旧会被清除，我们的思路是刷新之前把所有的数据存储在 localStorage 里面，刷新后取出里面的数据，并清除 local/session 里面的记录，这种全局的我们可以放在 app.vue 里面，下面是代码实现// app.vuecreated(){ //在页面

2020-12-15 13:49:02 755 2

原创 Vue axios 的请求封装和拦截过滤

在写一个项目的时侯我们一般要对请求做一些基本配置和统一处理，例如 request 里面我们需要添加 token，response 里面我们需要对反馈回来的信息进行处理，一般都是处理错误信息，配合路由进行跳转之类的，下面是我的一些基本配置和错误信息处理具体按照自己的实际情况来。首先我们需要对 axios 做一个同意的 config 配置，一般都是一些请求时间，请求头之类的,写一个 http.js 的 js 文件引入 axios（npm i axios）引入 router 引入 store，因为需要 ro

2020-12-15 10:04:37 1756 1

原创 vue 在删除分页数据的时候计算并请求对应页的数据

vue 在删除分页数据的时候计算并请求对应页的数据应用场景：使用Element ui分页组件请求数据后如果有删除操作，这个时候我们需要对请求前的数据参数进行计算来达到我们到底是请求当前页还是上一页的数据，假设一种请情况：当前页数据currentPage：3，每页数据pageSieze：10，总条数totalSize 在删除第 3 页最后一条数据的时候我们请求的数据是第二页的数据，此时的 currentPage 应当是 2，批量删除同理… <gd-pagin

2020-12-14 14:29:57 674 3

clearjj的博客