叫我+V

摘要： vue 实现页面监听键盘按键 上下左右 其实这个就算是快捷键的操作了，单纯的按下一个按键监听，目前也稍微简单一点。 在 mounted 钩子函数里面调用一个方法，让页面监听键盘事件。 this.keyDown() 然后接下来的工作就是监听。 // 监听键盘 keyDown() { document. 阅读全文

摘要： Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能 其实想要实现功能很简单，就是在一张图片上监听鼠标滑轮滚动的事件，然后根据上滚还是下滚实现图片的缩放。 其实就是这种效果： 其实代码不是很难。 HTML代码： <img id="img" :src="src" alt="" @mousedown.p 阅读全文

摘要： 原生的HTML Table表格实现表头添加斜杠 其实就是实现类似的这样一个功能，但是呢，方式很多，有的要固定长宽，有的要固定大小，有的要写JS，有的要用动画，很费劲，然后从网上找了一个demo，稍微改一下就很简单的实现了，其实就几行CSS代码。 废话不多说，直接上代码！ HTML代码： <table 阅读全文

摘要： vue + element + vue-cropper 实现图片裁剪上传 这个地方搞了好久，其实也不能说好久，其实很简单，只不过第一次弄的话，可能会遇到很多坑。 安装 vue-cropper npm install vue-cropper 使用 main.js里面 import VueCropper 阅读全文

摘要： vue 使用 bimface 添加三维标签 自己写的demo，按照官方文档改的，但是感觉有点小瑕疵。 https://bimface.com/developer-jsdemo#829 <template> <div style="height: 90%;"> <button class="butto 阅读全文

摘要： vue使用BIMFACE添加标签和多个场景已经动态修改标签内容 太费劲了，直接上代码，一个demo而已，没多少东西。 <template> <div style="height: 90%;"> <button class="button" id="btnAddFireEffect" @click=" 阅读全文

摘要： Vue 使用 BIMFACE 实现3D着火demo 官网： https://bimface.com/ 案例： https://bimface.com/developer-jsdemo#1011 <template> <div style="height: 90%;"> <button class=" 阅读全文

摘要： vue使用 BIMFACE demo 一个小案例 首先在 index.html 文件引入 js 文件 <script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js"></ 阅读全文

摘要： element表格组件批量删除携带id拼接字符串问题 其实这个不是啥问题，就是简单记录一下。 使用element Table组件的时候，有一个 multipleSelection 数组，用来存放选中的数据信息，其实无所谓，都一样，批量删除的时候一般拿着这些数据的id唯一标识请求后台。 其实很简单。 阅读全文

摘要： vue 图片拖拉转放大缩小组件 <doc> 图片组件 - 用户放大缩小以及拖拽 </doc> <template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 1px s 阅读全文

摘要： Vue 使用 echarts 散点图在区域内标点 首先是因为项目，需要在一个区域内根据坐标标出在标准大小的玻璃中标出检测出含有缺陷的坐标点。 假如说，一块玻璃的大小是标准的 100200 mm的大小，这个是定死的，不会变，每块都这么大。 那么就直接在界面上创建一个100200px的div，表示是这块 阅读全文

摘要： Vue 读取后台二进制文件流转为图片显示 有一个项目需要从后台读取文件流转为图片显示到页面上，传回的文件是blob文件格式的，其实很简单，稍作记录。 http 请求是这个样子的。 image/jpeg 格式的。 js代码 this.$http({ url: '请求的接口', method: 'get 阅读全文

摘要： Vue 下载 blob 流文件 下载 Excel // 下载文件 showFile(item) { this.$http({ method: 'post', url: '/fileApi/downLoadFile', responseType: 'blob', data: { 'flieName': 阅读全文

摘要： SpringBoot Controller接收参数的几种常用方式 请求路径参数 @PathVariable 获取路径参数。即url/这种形式。 @RequestParam 获取查询参数。即url?name=这种形式 例子 GET http://localhost:8080/demo/123?name 阅读全文

摘要： 在Intelij IDEA中修改maven为国内镜像（阿里） 国内镜像：阿里 打开IntelliJ IDEA->Settings →Build, Execution, Deployment → Build Tools > Maven 或者直接搜索maven 具体如下图所示： 而一般情况下在c:\Us 阅读全文

摘要： Vue 使用 el-upload 上传文件并且提交额外参数 直接上代码吧 <el-upload style="display: inline-block;margin-right: 10px;" class="upload-demo" :action="`${baseUrl}/planFile/ge 阅读全文

摘要： Vue打包后如果需要修改后台连接地址需要重新打包问题 之前做的项目使用的是配置文件区分开发环境还是生产环境，打包后这两个文件就消失了，所以如果生产环境的URL忘记修改或者后期有变动就需要重修修改代码重新打包，这样很不方便，然后今天就稍微解决一下这个问题。 思路 其实这个地方的关键就是把后台配置的UR 阅读全文

摘要： Vue使用 Element 组件实现文件一次性批量上传 HTML <el-upload class="upload-demo" ref="upload" action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList 阅读全文

摘要： Vue 使用 Echarts 显示热力地图信息 主要是想实现到下面这个效果，然后省市地图根据后台返回的数据可以变换，地图以热力图的形式展现，鼠标移上可以显示该地区的数据信息。 为了方便维护，我把这个地图部分使用组件剥离了出来。 <template> <div style="height: 100%; 阅读全文

摘要： Vue 列表中对象去重 let myData = [{ id : 123, name: 'wjw' },{ id : 123, name: 'wjw' }] // 去重 const res = new Map() let data = this.multipleSelection.filter((a 阅读全文

摘要： vue 使用 moment 获取当前时间及一月前的时间 其实这个没啥，就两行代码，比较容易忘，主要可以用在按时间段查询。 安装 moment 如果之前安装过就不用再安装了。 npm install moment -- save 使用 moment 在使用的文件引用 moment。 import mo 阅读全文

摘要： vue使用 el-upload 上传文件附加参数 这个需求是 一个上传文件的按钮，点击之后选择文件，可以多选，选完之后不上传文件，需要对文件进行配置，也就是添加额外的参数，添加完成之后，点击上传按钮，把文件以及响应文件的参数上传到服务器上去，然后是一个一个提交。 首先是HTML代码： <el-upl 阅读全文

摘要： vue 使用 multipart/form-data 提交数据 闲话不多说了，直接上代码： let fd = new FormData() fd.append('name', 'wjw') fd.append('age', 18) this.$http({ url: `/wjw/updata/dat 阅读全文

摘要： vue 使用 application/x-www-form-urlencoded提交数据 闲话不多说了，直接上代码： const params = new URLSearchParams(); params.append('name', 'wangjiawei') params.append('ag 阅读全文

摘要： element-ui的table表格控件表头与内容列不对齐问题 在 App.vue 文件中添加全局样式。 <style> /* 解决element table 表头和表体错版问题 */ body .el-table th.gutter{ display: table-cell!important; 阅读全文

摘要： uniapp 调用手机相机拍照实现图片上传 参考资料：https://blog.csdn.net/weixin_46391646/article/details/108450898 调用相机相册 uni.chooseImage({ count: 1, sizeType: ['original', ' 阅读全文

摘要： Vue 使用 element 组件库解决 el-autocomplete 下拉框宽度的问题 最近有一个需求，是使用element组件库的 el-autocomplete 组件，实现输入框联想功能，在使用的过程中发现一个问题，就是联想的下拉框里面如果每一项的数据太长，就会被默认隐藏掉。 但是现在想要的 阅读全文

摘要： # Vue 下载 Excel 文件 ## Vue前端将List列表下载为Excel文件 ### 安装依赖包 首先前端将List列表生成Excel文件需要下载几个依赖包。 ```bash npm install -S file-saver（生产依赖，则为-s） npm install -S xlsx npm install -D script-loader （开发依赖，则为-d） ``` 阅读全文

摘要： 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 阅读全文

摘要： 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 阅读全文