
vue
文章平均质量分 74
FinelyYang
这个作者很懒,什么都没留下…
展开
-
vue blob文件下载文件时后端抛出异常,并返回json错误信息,前端捕获信息并提示
后端返回的json数据为:{"success":false, "message":"操作失败,没有需要下载的文件","code":500}前端捕获到的Blob数据:解决方法:服务响应的统一拦截器中判断blob类型,输出异常信息:import Vue from 'vue'import axios from 'axios'const service=axios.create({ baseUrl:xxxxx, timeout:3600000})//res..原创 2021-12-30 17:00:08 · 5812 阅读 · 0 评论 -
vue+java密码AES加密解密
在开发中需要对用户提交的密码进行加密处理,前后端分离的项目中前端加密后提交到后端,后端解密后进行后续的验证操作。一、后端加密解密工具类AESUtil:import org.apache.commons.codec.binary.Base64;import javax.crypto.Cipher;import javax.crypto.spec.IvParameterSpec;...原创 2019-09-29 15:21:56 · 5199 阅读 · 3 评论 -
vue ElementUI引入第三方icon
1、访问阿里巴巴矢量图标库,注册2、新建项目:3、在图标库选择需要的图标加入购物车:4、将购物车选好的图标加入到项目:5、选择图标类型为Font class,下载到本地:6、解压下载文件,拷贝到项目中:demo文件不用拷贝。目录为src/asserts/icon文件夹:7、在iconfont.css文件中加入代码:[class^="...原创 2019-11-15 20:42:54 · 990 阅读 · 0 评论 -
深入浅出ES6:模板字符串(`和‘)
反撇号(`)基础知识ES6引入了一种新型的字符串字面量语法,我们称之为模板字符串(template strings)。除了使用反撇号字符 ` 代替普通字符串的引号 ' 或 " 外,它们看起来与普通字符串并无二致。在最简单的情况下,它们与普通字符串的表现一致:context.fillText(`Ceci n'est pas une chaîne.`, x, y);但是我们并没有说:“原...转载 2019-12-25 09:05:37 · 1080 阅读 · 0 评论 -
vue 父组件ajax异步请求,子组件没有获取到父组件传值的问题
vue 父组件使用ajax异步请求获取数据,由于是异步获取,所以子组件mounted阶段,ajax仍未完成请求,子组件props获取不到数据。 解决方法:第一步:子组件中使用watch,监听传参的变化,执行方法逻辑。第二步:子组件created延时执行方法逻辑。第三步:父组件中引用子组件使用v-if做判断,有数据时再加载子组件。第四步:父组件beforeDestroy方...原创 2020-01-14 11:29:34 · 2914 阅读 · 1 评论 -
vue、jtopo绘制鱼骨图
效果如下图所示:一、文件目录结构:二、绘制png的鱼头、鱼尾图片fish_head.png: fish_tail.png: 三、下载js文件jquery、jtopo请到官网下载。四、编写鱼骨图核心文件:MakFishBone.jslet MakFishBone = (function (window) { let MakFishBone ...原创 2020-01-10 16:03:46 · 10980 阅读 · 13 评论 -
nginx配置vue项目,带项目名
项目是前后端分离的,vue部署到生产环境时需要带项目名进行访问。acdmSA是我的项目名。一、修改vue项目config/index.js中的build配置assetsPublicPath:'/',改为assetsPublicPath:’/acdmSA/'。二、修改router配置,src/router/index.js中修改router增加base:'/acdmSA/'...原创 2020-01-01 15:41:13 · 9642 阅读 · 1 评论 -
IE11,360浏览器FormData 方法entries
背景:前端将表单内容append到FormData对象,再转为Json传递到后端解析://formdata转为jsonfunction formData2Json(formData) { var jsonData = {}; for (var entry of formData.entries()) { jsonData[entry[0]] = entry[1]; }...原创 2019-09-19 16:45:19 · 3114 阅读 · 0 评论 -
springboot+vue+shiro功能权限
一、数据库表设计1.权限相关表CREATE TABLE `t_sys_action` ( `id` varchar(32) NOT NULL COMMENT '主键', `name` varchar(32) DEFAULT NULL COMMENT '操作名称', `code` varchar(32) DEFAULT NULL COMMENT '编码', PRIMARY ...原创 2019-09-12 09:24:51 · 9052 阅读 · 1 评论 -
VUE导出excel,IE11报错
在做vue结合后台做导出功能时,chrome能正常导出,但是IE11却报异常:Unhandled promise rejection Error: 拒绝访问。经过分析后发现,代码执行到click函数抛异常了。解决方案如下: var disposition = res.headers['content-disposition']; ...原创 2019-07-29 13:41:01 · 1705 阅读 · 0 评论