- 博客(20)
- 收藏
- 关注
原创 图片转成pdf下载
实现一个查询功能,后端根据输入的名称查询数据库,返回对应的图片链接,将图片转成pdf后下载例如:后端返回数据如下:其中照片链接是base64加密后的,需要解密后端参考:https://www.yisu.com/zixun/312294.html下载需要注意的点设置,保证格式设置, 否则pdf可能是空白其中用到了两个函数通过图片链接转换成file格式,由于参考的文章中用的是表单,默认上传,不适用于在线图片,因此需要先进行格式转换新建一个download创建标签下载pdf文件新建文
2022-06-24 21:07:58 445 1
原创 二级城市级联选择数据
适用于react的级联选择器数据label和value都是城市名city.tsconst city = [ { id: "35", label: "北京", value: "北京", children: [{ id: "8888", label: "北京市", value: "北京市" }]}, { id: "1", label: "上海", value: "上海", children: [{ id: "7777", label: "上海市", valu
2022-04-09 10:45:35 366
原创 React Link 清除默认下划线
原来:<Link key={index} to={`/newsInfo/${item.news_id}`} <List.Item key={index}> <p> <span className="cate">{item.cate}</span> <span className='title'>{ item.title }</span> </p>
2022-04-09 09:56:56 1931
原创 React v6 路由守卫
浅记一下需求是除了登录注册页,进入其他页面都需要登录后才能进入参照的官网的例子routes/index.tsx首先是路由表在路由表里面定义一个auth 属性,用来判断当前页面是否需要登录权限import { lazy, Suspense } from 'react'import SignIn from '../pages/SignIn' interface Router { name?: string, path: string, auth:boolean,
2022-04-08 20:53:27 1609 1
原创 (Vue)制作时间轴 鼠标移入时显示数据 时间点位置根据时间变化
默认状态鼠标移入时其中每个点代表一个时间鼠标移入到时间点上时<template> <div class="timeLineDiv" v-if="timeLineDataList.length>0" @mouseover="timeIsShow=true" @mouseleave="timeIsShow=false"> <hr id="timeLineHr"> &...
2021-10-12 18:59:37 1682
原创 (Vue)表格tooltip按条件显示(v-if)
问题描述:1.表格中有些内容过长超出范围需要用tooltip显示2.长内容在内容后显示省略号2.内容短的不需要用tooltip例如:解决方法:使用的是elementUI中的el-tooltip组件,由于项目模板中用的table没使用组件,因此不能直接用官网的例子1.下载elementUInpm i element-ui -S2.在main.js中使用import ElementUI from 'element-ui'import 'element-ui/lib/theme-chal
2021-07-28 17:40:39 3065
原创 (Vue)调用接口引用elementUI表格显示
1.下载elementUInpm i element-ui -S2.在main.js中使用import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)3.创建table<el-table :data="tableData" :height="tableHeight" :header-cell-
2021-05-21 21:24:19 2265
原创 (Vue)Uncaught RangeError: Maximum call stack size exceeded
问题描述:想用到element-UI中的组件,找了官网上的实例结果报错Uncaught RangeError: Maximum call stack size exceeded用到的是这个布局网上大都是说 “超出最大调用堆栈大小”:最常见的原因是:在代码中的某个地方,正在调用一个函数,该函数又调用另一个函数,依此类推,直到达到调用堆栈限制。但在这个实例中不存在函数调用将el-table隐藏后,程序不报错,问题确实出在table组件上解决方法name与插件重名了!!!换一个nam
2021-05-13 16:58:54 2182
原创 (Android)failed to connect to /192.168.xxxx from /192.168.xxxx after 10000ms
问题描述:在写android上传时出现的问题,手机和电脑都已经连接到同一个网络下还是无法上传解决方法:把防火墙关了fine
2021-04-28 15:54:57 2787
原创 (vue)在ajax获取数据时使用loading组件不起作用
问题描述:在用ajax获取数据时 页面没有变化,想用一个loading图标在获取数据时显示,获取完成后隐藏整个系统用到了vue框架,在执行sure方法时调用ajax函数 sure() { console.log("pl_lon:" + slng + " " + "pl_lat:" + slat + " " + "pr_lon:" + elng + " " + "pr_lat:" + elat ); console.log("s:" + this.st + " "
2021-03-16 17:35:36 2265
原创 vue获取同级组件的数值或函数
vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn; 1.获取同级组件的数值(B获取A的值)组件A:dataManage.vue组件B:echartsPie.vue(1)新建一个newVue.jsimport Vue from 'vue'export default new Vue({})(2)在两个组件中都引入一个事件总线(名字随意取)import ePie from './newVue
2021-03-04 15:54:59 1736 1
原创 vue中使用天气插件(和风天气)
1.进入中国天气网插件首页 中国天气网选择适合项目的插件2.自定义插件样式,登录后生成代码<div id="weather-v2-plugin-simple"></div><script>WIDGET = { CONFIG: { "modules": "02", "background": 5, "tmpColor": "4A4A4A", "tmpSize": 16, "cityColor": "4A4A4A",
2021-03-03 10:20:14 28563 43
原创 vue引用echarts饼图不显示图例
问题描述:按照官网实例编写代码后图例没有显示legend: { data: ['餐饮','娱乐','生活服务','出行住宿','户外','校园'], orient: 'vertical', left: 'left', }, series : [ { type: 'pie', radius : '50%',
2021-03-01 14:38:30 5384
原创 Python-drop_duplicates
drop_duplicate方法是对DataFrame格式的数据,去除特定列下面的重复行。返回DataFrame格式的数据df.drop_duplicates(keep= , subset=[], inplace= )keep: {‘first’, ‘last’, False},默认为’first’保留项。保留第一个(first)/最后一个(last)/不保留(False)重复的项subset:默认所有列指定的列。即需要删除哪些列中重复的项,列用’'说明,用,隔开inplace : {‘Tru
2020-12-09 10:55:40 24680 1
原创 python画散点图 不同属性赋予不同颜色
问题描述数据结构:其中cluster_db一共四个值(-1、0、1、2)需要将经纬度作为x y轴绘制散点图,并且不同的cluster_db需要赋予不同的颜色显示解决方法1.内置颜色首先导入数据import pandas as pdbeer = pd.read_csv('E:\\1\\20201112-Mobility diversity\\test.csv')接着通过matplotlib.pyplot包绘图import matplotlib.pyplot as pltdf =
2020-11-18 21:10:03 37681 10
原创 PEP 8: invalid escape sequence ‘\M‘
问题描述使用read_csv时提示“PEP 8: invalid escape sequence "\M’”原因反斜杠具有转义字符的含义,系统可能会误认为你要使用转义字符解决方法1.改成双反斜杠(\)2.在path前添加 r
2020-11-12 21:33:48 2584
原创 JS获取li标签下的a标签的值
问题描述在点击对应的选项时可以获取到文本值(例如:点击“足球场”,alert“足球场”)HTML代码<ul id="jMenu" class="selectBox" > <li><a class="fNiv">请选择</a> <ul> <li class="arrow"></li> <li><a>运动</a> <
2020-11-12 16:05:12 4545
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人