摘要：
Vue 读取后台二进制文件流转为图片显示 有一个项目需要从后台读取文件流转为图片显示到页面上，传回的文件是blob文件格式的，其实很简单，稍作记录。 http 请求是这个样子的。 image/jpeg 格式的。 js代码 this.$http({ url: '请求的接口', method: 'get 阅读全文
posted @ 2021-03-15 10:39
叫我+V
阅读(10762)
评论(1)
推荐(0)
摘要：
Vue 下载 blob 流文件 下载 Excel // 下载文件 showFile(item) { this.$http({ method: 'post', url: '/fileApi/downLoadFile', responseType: 'blob', data: { 'flieName': 阅读全文
posted @ 2021-03-02 11:00
叫我+V
阅读(314)
评论(0)
推荐(0)
摘要：
SpringBoot Controller接收参数的几种常用方式 请求路径参数 @PathVariable 获取路径参数。即url/这种形式。 @RequestParam 获取查询参数。即url?name=这种形式 例子 GET http://localhost:8080/demo/123?name 阅读全文
posted @ 2021-02-23 12:01
叫我+V
阅读(245)
评论(0)
推荐(0)
摘要：
在Intelij IDEA中修改maven为国内镜像（阿里） 国内镜像：阿里 打开IntelliJ IDEA->Settings →Build, Execution, Deployment → Build Tools > Maven 或者直接搜索maven 具体如下图所示： 而一般情况下在c:\Us 阅读全文
posted @ 2021-02-22 16:20
叫我+V
阅读(971)
评论(0)
推荐(0)
摘要：
Vue 使用 el-upload 上传文件并且提交额外参数 直接上代码吧 <el-upload style="display: inline-block;margin-right: 10px;" class="upload-demo" :action="`${baseUrl}/planFile/ge 阅读全文
posted @ 2021-02-22 14:50
叫我+V
阅读(1146)
评论(0)
推荐(0)
摘要：
Vue打包后如果需要修改后台连接地址需要重新打包问题 之前做的项目使用的是配置文件区分开发环境还是生产环境，打包后这两个文件就消失了，所以如果生产环境的URL忘记修改或者后期有变动就需要重修修改代码重新打包，这样很不方便，然后今天就稍微解决一下这个问题。 思路 其实这个地方的关键就是把后台配置的UR 阅读全文
posted @ 2021-02-20 10:49
叫我+V
阅读(614)
评论(0)
推荐(0)
摘要：
Vue使用 Element 组件实现文件一次性批量上传 HTML <el-upload class="upload-demo" ref="upload" action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList 阅读全文
posted @ 2021-02-19 11:22
叫我+V
阅读(2281)
评论(0)
推荐(0)
摘要：
Vue 使用 Echarts 显示热力地图信息 主要是想实现到下面这个效果，然后省市地图根据后台返回的数据可以变换，地图以热力图的形式展现，鼠标移上可以显示该地区的数据信息。 为了方便维护，我把这个地图部分使用组件剥离了出来。 <template> <div style="height: 100%; 阅读全文
posted @ 2021-02-05 09:42
叫我+V
阅读(1830)
评论(0)
推荐(0)
摘要：
Vue 列表中对象去重 let myData = [{ id : 123, name: 'wjw' },{ id : 123, name: 'wjw' }] // 去重 const res = new Map() let data = this.multipleSelection.filter((a 阅读全文
posted @ 2021-02-02 14:04
叫我+V
阅读(1062)
评论(0)
推荐(0)
摘要：
vue 使用 moment 获取当前时间及一月前的时间 其实这个没啥，就两行代码，比较容易忘，主要可以用在按时间段查询。 安装 moment 如果之前安装过就不用再安装了。 npm install moment -- save 使用 moment 在使用的文件引用 moment。 import mo 阅读全文
posted @ 2021-01-08 11:28
叫我+V
阅读(4426)
评论(0)
推荐(0)
摘要：
vue使用 el-upload 上传文件附加参数 这个需求是 一个上传文件的按钮，点击之后选择文件，可以多选，选完之后不上传文件，需要对文件进行配置，也就是添加额外的参数，添加完成之后，点击上传按钮，把文件以及响应文件的参数上传到服务器上去，然后是一个一个提交。 首先是HTML代码： <el-upl 阅读全文
posted @ 2021-01-05 11:09
叫我+V
阅读(4849)
评论(0)
推荐(0)
摘要：
vue 使用 multipart/form-data 提交数据 闲话不多说了，直接上代码： let fd = new FormData() fd.append('name', 'wjw') fd.append('age', 18) this.$http({ url: `/wjw/updata/dat 阅读全文
posted @ 2021-01-05 10:42
叫我+V
阅读(2622)
评论(0)
推荐(0)
摘要：
vue 使用 application/x-www-form-urlencoded提交数据 闲话不多说了，直接上代码： const params = new URLSearchParams(); params.append('name', 'wangjiawei') params.append('ag 阅读全文
posted @ 2021-01-05 10:39
叫我+V
阅读(1969)
评论(0)
推荐(0)
摘要：
element-ui的table表格控件表头与内容列不对齐问题 在 App.vue 文件中添加全局样式。 <style> /* 解决element table 表头和表体错版问题 */ body .el-table th.gutter{ display: table-cell!important; 阅读全文
posted @ 2020-12-28 15:59
叫我+V
阅读(227)
评论(0)
推荐(0)
摘要：
uniapp 调用手机相机拍照实现图片上传 参考资料：https://blog.csdn.net/weixin_46391646/article/details/108450898 调用相机相册 uni.chooseImage({ count: 1, sizeType: ['original', ' 阅读全文
posted @ 2020-12-28 14:07
叫我+V
阅读(12541)
评论(0)
推荐(0)
摘要：
Vue 使用 element 组件库解决 el-autocomplete 下拉框宽度的问题 最近有一个需求，是使用element组件库的 el-autocomplete 组件，实现输入框联想功能，在使用的过程中发现一个问题，就是联想的下拉框里面如果每一项的数据太长，就会被默认隐藏掉。 但是现在想要的 阅读全文
posted @ 2020-12-10 16:50
叫我+V
阅读(5437)
评论(1)
推荐(1)
摘要：
# Vue 下载 Excel 文件
## Vue前端将List列表下载为Excel文件
### 安装依赖包
首先前端将List列表生成Excel文件需要下载几个依赖包。
```bash
npm install -S file-saver（生产依赖，则为-s）
npm install -S xlsx
npm install -D script-loader （开发依赖，则为-d）
``` 阅读全文
# Vue 下载 Excel 文件
## Vue前端将List列表下载为Excel文件
### 安装依赖包
首先前端将List列表生成Excel文件需要下载几个依赖包。
```bash
npm install -S file-saver（生产依赖，则为-s）
npm install -S xlsx
npm install -D script-loader （开发依赖，则为-d）
``` 阅读全文
posted @ 2020-12-05 15:30
叫我+V
阅读(612)
评论(0)
推荐(0)
摘要：
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 阅读全文
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 阅读全文
posted @ 2020-11-27 14:03
叫我+V
阅读(188)
评论(0)
推荐(0)
摘要：
vue 百度BD09加密经纬度转国测局GCJ02经纬度 参考资料：https://blog.csdn.net/hitler_yuzhan/article/details/85237148 // GCJ-02 to BD-09 bd_encrypta(gg_lon, gg_lat) { var X_P 阅读全文
posted @ 2020-11-25 09:27
叫我+V
阅读(484)
评论(0)
推荐(0)
摘要：
在配置文件上加上这句话就可以了，没有使用插件。
```javascript
"files.associations": {
"*.vue":"html"
}
``` 阅读全文
在配置文件上加上这句话就可以了，没有使用插件。
```javascript
"files.associations": {
"*.vue":"html"
}
``` 阅读全文
posted @ 2020-11-16 17:47
叫我+V
阅读(3470)
评论(1)
推荐(0)
摘要： 
Vue 炫酷 Echarts 图表 网址：https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all 上面的网址已经停服了，有几个网址更新一下子 https://www.makeapie.cn/ https://www 阅读全文
Vue 炫酷 Echarts 图表 网址：https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all 上面的网址已经停服了，有几个网址更新一下子 https://www.makeapie.cn/ https://www 阅读全文
posted @ 2020-11-11 15:50
叫我+V
阅读(1935)
评论(2)
推荐(1)
摘要：
# vue 动态生成拓扑图
## 横向拓扑
在 index.html 文件中引入文件。
```javascript
阅读全文
# vue 动态生成拓扑图
## 横向拓扑
在 index.html 文件中引入文件。
```javascript
阅读全文
posted @ 2020-11-11 13:40
叫我+V
阅读(10559)
评论(0)
推荐(1)
摘要：
Vue 全局 websocket 抄的，出处：https://www.cnblogs.com/tcz1018/p/13831589.html 他说，首先就是网上的写法有很多但是 都是需要创建一个对象进行相关的状态回调，有的是需要创建一个初始化方法进行相关的状态回调，然后看的我就一句话 都挺好的，反正 阅读全文
posted @ 2020-11-11 11:15
叫我+V
阅读(5125)
评论(1)
推荐(0)
摘要：
Vue 自定义组件v-model父子组件传值双向绑定 之前自己写过一个自定义组件，父组件使用 v-model 进行双向数据绑定的，写了好几次，当时明白，但是过了几天又忘了，写一下吧。 日常我们使用v-model <div id="app"> <p>{{message}}</p> <input typ 阅读全文
posted @ 2020-11-05 13:43
叫我+V
阅读(9950)
评论(0)
推荐(0)
摘要：
当我们第一次渲染数据的时候，echarts渲染是正常的，但是当我们的数据更新的时候，展示的图表会出现错版现象，其中最常见的是曲线图。
比如下面，刚开始进入的时候也就是说首次加载数据，显示的echarts折线图是完全OK的，但是我们更新了数据，重新配置了option赋值给echarts的时候就出现渲染错误的问题，曲线图拧了。 阅读全文
当我们第一次渲染数据的时候，echarts渲染是正常的，但是当我们的数据更新的时候，展示的图表会出现错版现象，其中最常见的是曲线图。
比如下面，刚开始进入的时候也就是说首次加载数据，显示的echarts折线图是完全OK的，但是我们更新了数据，重新配置了option赋值给echarts的时候就出现渲染错误的问题，曲线图拧了。 阅读全文
posted @ 2020-11-05 10:17
叫我+V
阅读(584)
评论(0)
推荐(0)
摘要：
# Vue图片加载错误、图片加载失败的处理
注意：
1. onerror前面要用冒号 :
2. 注意看logo定义的格式，符号不要写错了 阅读全文
# Vue图片加载错误、图片加载失败的处理
注意：
1. onerror前面要用冒号 :
2. 注意看logo定义的格式，符号不要写错了 阅读全文
posted @ 2020-11-04 15:36
叫我+V
阅读(1628)
评论(0)
推荐(0)
摘要：
> 好早就写了个案例，但是一直没时间整理，其实代码敲出来是一种学习，记录下来又是另一种学习，好好学习，天天向上！我爱学习！
我这边的左侧菜单栏是写死的，不是后台返回的动态菜单。
其实写菜单很简单，这篇博文不会写的很多，我直接把项目放到 Git 上，down下来看一下就可以了，很简单能明白。 阅读全文
> 好早就写了个案例，但是一直没时间整理，其实代码敲出来是一种学习，记录下来又是另一种学习，好好学习，天天向上！我爱学习！
我这边的左侧菜单栏是写死的，不是后台返回的动态菜单。
其实写菜单很简单，这篇博文不会写的很多，我直接把项目放到 Git 上，down下来看一下就可以了，很简单能明白。 阅读全文
posted @ 2020-11-04 14:56
叫我+V
阅读(3627)
评论(0)
推荐(1)
摘要：
当时用echarts图表显示数据的时候，比如折线图柱状图，当数据量太大的时候，需要设置 dataZoom实现区域缩放，但是当数据量比较少的时候又不希望出现区域缩放控件，所以说这个时候就需要根据数据量动态显示dataZoom。
在 echarts 图表的 option 配置中配置 dataZoom项： 阅读全文
当时用echarts图表显示数据的时候，比如折线图柱状图，当数据量太大的时候，需要设置 dataZoom实现区域缩放，但是当数据量比较少的时候又不希望出现区域缩放控件，所以说这个时候就需要根据数据量动态显示dataZoom。
在 echarts 图表的 option 配置中配置 dataZoom项： 阅读全文
posted @ 2020-11-04 14:14
叫我+V
阅读(3591)
评论(0)
推荐(0)
摘要：
Echarts图例数据太多实现滚动效果
> 当我们引入echarts图表，当展示的数据项比较多的时候，尤其是在展示环形图或者是饼状图的时候，当数据项比较多，图例就会堆积到一起，显示的很乱，这时候就需要显示个翻页效果。 阅读全文
Echarts图例数据太多实现滚动效果
> 当我们引入echarts图表，当展示的数据项比较多的时候，尤其是在展示环形图或者是饼状图的时候，当数据项比较多，图例就会堆积到一起，显示的很乱，这时候就需要显示个翻页效果。 阅读全文
posted @ 2020-11-04 10:46
叫我+V
阅读(5812)
评论(0)
推荐(0)
摘要：
这个场景应该经常遇到，比如说在一个页面有一个table，想让他数据过多的时候自动出现滚动条而不至于冲到屏幕外被隐藏，如果表格下面还有换页的话，换页直接冲没了，所以需要计算这个table表格的最大高度。 阅读全文
这个场景应该经常遇到，比如说在一个页面有一个table，想让他数据过多的时候自动出现滚动条而不至于冲到屏幕外被隐藏，如果表格下面还有换页的话，换页直接冲没了，所以需要计算这个table表格的最大高度。 阅读全文
posted @ 2020-11-03 10:14
叫我+V
阅读(2005)
评论(0)
推荐(1)
浙公网安备 33010602011771号