
Vue
猿陆柒
移来此种非人间
展开
-
element表单自定提示
element表单自定义提示原创 2022-11-04 13:04:41 · 470 阅读 · 1 评论 -
JS方法集合
1.JS分组let getGroup=(data,key)=>{ let groups={}; data.forEach(e=>{ let value=c[key]; groups[value]=groups[value]||[]; groups[value].push(e); }); console.log(groups); return groups;}原创 2021-04-08 20:06:53 · 216 阅读 · 0 评论 -
在vue2.0项目结合QuasarUI框架中实现js-xlsx解析Excel并上传
Git地址:https://github.com/SheetJS/sheetjsQuasarUI文件上传文档安装npm install xlsx引入import XLSX from 'xlsx';实例<template> <div> <!--文件上传UI组件,不懂的看上面的文档即可--> <q-uploader url="/ht/file/upload" color="teal" flat bordered style="max-widt原创 2021-04-02 17:25:02 · 755 阅读 · 0 评论 -
Electron-Vue打包失败(运行npm run electron:build一直失败)解决方案
环境Electron-V8.5.5资源下载将压缩包中的文件放到C:\Users\Administrator\AppData\Local路径下,然后运行npm run electron:build原创 2020-12-07 16:06:33 · 2983 阅读 · 0 评论 -
SpringBoot+Vue实现SpringSecurity+验证码登录与点击刷新验证码
后端环境<!-- SPringBoot版本 --><parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.3.1.RELEASE</version> <relativePath/> <!-- lookup p原创 2020-07-16 17:39:03 · 3876 阅读 · 11 评论 -
Vue项目点击按钮浏览器全屏
DOM(ElementUI)<el-tooltip :content="fullscreenTitle" placement="bottom"> <i :class="['fa fa-expand',{'fa fa-compress':fullscreen}]" id="fullScreen" @click="fullScreen"></i></el-tooltip>datadata(){ return{ fullscreen: false,原创 2020-06-23 17:54:16 · 636 阅读 · 0 评论 -
Vue鼠标右键自定义
<template> <div> <div style="width:100% ; z-index: inherit;position: relative;margin:0 auto ;" align="center" @contextmenu.prevent="rightClick"> <img src="../../assets/userface.png" style="width: 10%; "/> </转载 2020-05-30 17:44:11 · 959 阅读 · 0 评论 -
JS常用实用方法集合
文章转载地址//1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}//2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}//3.电话号码export const isPhone = (s) =转载 2020-05-26 12:27:22 · 336 阅读 · 2 评论 -
SpringBoot+H5+高德开放平台进行定位
0)去高德开放平台注册认证并且到控制台>应用管理>我的应用创建应用获取Key1)获取jsSDKhttps://webapi.amap.com/maps?v=1.4.8&key=高德开发者创建应用申请的key2)获取经纬度位置3)将经纬度位置进行高德地标编码4)将经过高德地标编码的经纬度进行逆地理编码获取位置名称具体代码实现如下...原创 2020-05-11 20:13:23 · 2340 阅读 · 0 评论 -
js改健不改值
0)场景案例:EChart使用时要求使用{value:xxx,name:xxx},后台给的是{count:xxxx,data:xxxxx},两组数据除了原创 2020-05-11 20:05:47 · 195 阅读 · 0 评论 -
Nginx在Windows环境下部署多个Vue前端并且代理多个SpringBoot后台
Nginx主配置文件(nginx.conf)worker_processes 1;events { worker_connections 1024;}http { include mime.types; default_type application/octet-stream; sendfile on; keepaliv...原创 2020-05-02 11:28:04 · 2945 阅读 · 0 评论 -
[ Vue|Electron]使用vue-cli3.x快速构建electron项目
0) 使用 cli3 创建名叫"electrontest"的vue项目vue create electrontest1)进入项目文件夹cd electrontest2)添加插件vue add electron-builder3)当自动化脚本执行完毕后,使用开发模式运行npm run electron:serve4)项目开发完毕准备部署时npm run electron:b...原创 2019-12-28 09:48:50 · 468 阅读 · 0 评论 -
前端传入参数,后台返回一个excel文件前端怎么办?
0)背景我想导出一张2019年12月份并且hrID为2的所有销售信息的excel表,后台已经写好了,Controller返回的是一个ResponseEntity<byte[]>,简言之:我想要一张excel表,导出的内容为2019年12月份某一个人的销售情况1)前端封装axioslet base = '';export const downloadRequest = (url,...原创 2019-12-20 10:52:03 · 594 阅读 · 0 评论 -
使用 vue-cli 3 快速创建 Vue 项目
使用 vue-cli 3 快速创建 Vue 项目转载 2019-11-15 11:18:28 · 182 阅读 · 0 评论 -
Vue命令
0)npm install ----安装npm1)npm uninstall —卸载npm2)vue create myproject —(cli3)创建名为myproject的vue项目3)npm run serve —(cli3)启动项目原创 2019-11-12 10:12:56 · 172 阅读 · 0 评论 -
报’vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 或批处理文件
报’vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 或批处理文件解决办法:删除该项目下的"node_modules"文件夹,重新执行"npm install"命令,安装所需要的插件后搞定!...原创 2019-11-12 09:58:36 · 616 阅读 · 0 评论