- 博客(27)
- 收藏
- 关注
原创 h5 vue-pdf,pdf预览,以及第二次打开空白,报错Cannot read properties of undefined (reading ‘catch‘)
getPDFDataOfYL接口中返回的data是base64需要前端拼接下,也可以让后端拼好直接返回给前端。
2024-02-18 15:36:15 395
原创 element-ui Tooltip,文本有省略号hover时显示
局部引用需要在组件中用import 引入,在components中注册。有省略号就显示,无省略号就不显示。
2024-02-18 14:07:06 266
原创 d3.js实现组织架构图
1、效果2、安装依赖npm install d3 --save-dev3、粘贴代码<template> <div id="appc" style="height: 650px"></div></template><script>import * as $d3 from "d3";export default { name: "legalperson", data() { return { d3:
2023-12-29 10:36:54 650
原创 vant中list列表组件使用
/ 注意 : 这个 queryBusiIndepBo方法是请求后端接口获取数据的方法 queryBusiIndepBo() {if(res?} else {} } else {/ / 结束加载状态/ / 加载状态结束 } });} ,loading 和 finished 分别是什么含义?
2023-04-20 16:48:42 1086
原创 element-ui 封装table表格成公共组件(包括增删改查、内置date,select,input)
直接复制粘贴吧,里面内容有点杂可以把不需要的内容去掉,template里面有点啰嗦,懒得改了。data()中定义的columns。最后自己根据需求去改吧。
2023-04-20 16:23:58 634
原创 eleemnt-ui 前端下载后端返回的文件流,取请求头content-disposition中的文件名称
在控制台Network里明明能看到,但是在响应拦截器里用js headers[“content-disposition”]来获取,但是打印 header对象里并没有content-disposition,无法获取,这是什么原因?上面问题提到的content-disposition不在其中,所以即使服务器在协议回包里加了该字段,但因没“暴露”给外部,客户端就“看得到,吃不到”。意思就是说让客户端只可以访问得到,既可以在Network里看到,也可以在代码里获取到他们的值。此时获取到的是一个乱码。
2023-04-12 15:53:29 1857
原创 Vue 解决element-ui 文件上传、下载,接口返回错误信息,弹框提示错误信息
1、需要在顶部用 import { Notification, MessageBox, Message } from ‘element-ui’,将需要用到的弹框MessageBox或Message 引入否则无法触发弹框效果;在开发中经常会遇到文件在上传、下载后端接口有时候会返回非文件流的错误信息,需要进行弹框提示,我们统一放到request.js文件中在响应拦截器里进行处理。3、弹框提示根据接口返回是否是code(我的项目是errCode,错误信息是errMsg)
2023-04-12 15:16:37 2291
原创 element-ui表单校验失败后滚动到第一个校验失败的地方
1、点击确定按钮elementUI校验失败的时候自带的class:is-error;
2022-07-06 19:23:40 417
原创 将对象转化成数组
if (data.retCode === 0) { this.cashList = data.data; this.cashListNew = this.cashList.map((row) => { const arr = []; for (const key in row) { arr.push(row[key]); } retur..
2022-05-26 10:19:38 371
原创 flex布局warp自动换行后按顺序排列
flex布局warp自动换行后按顺序排列一、现象 <div class="box"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div>
2022-05-05 14:58:25 2246 1
原创 javascript图片懒加载
一、用js实现图片懒加载`<body> <div id="app"> <img class="pic" src="./img/p1.jpg" alt=""> <img class="pic" src="./img/p2.jpg" alt=""> </div> <script> let con = document.getElementById("app")
2020-11-04 22:55:52 120
原创 搭建vue开发环境
搭建vue开发环境简易步骤:相信很多人在刚开始学习vue这个框架的时候,最开始搭建开发环境的时候,都会遇到一些大大小小的坑,vue现如今在前端中,是前端工程师比较常用的框架之一。一:在搭建vue的开发环境之前,一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64 ,网址:http://nodejs.cn;二:下载好node之后,打开docs管理工具,先看看node安装成功了没有,输入 node -v
2020-10-14 14:57:56 212
原创 在vue中重复点击路由时报错
报错提示:解决方法:在router.js中添加如下代码://重复点击报错问题解决const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err);};...
2020-10-12 19:22:56 95
原创 Git本地分支与远程分支
Git切换到指定远程分支我们在使用git进行开发的时候经常会遇到需要切换远程分支并且提交到远程指定分支的情况,现在记录下操作步骤。查看远程所有分支$ git branch -agit branch不带参数,列出本地已经存在的分支,并且在当前分支的前面用*标记,加上-a参数可以查看所有分支列表,包括本地和远程,远程分支一般会用红色字体标记出来1 $ git branch -a2 * dev3 master4 remotes/origin/dev5 remotes/origin/master
2020-10-10 17:28:43 185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人