自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(185)
  • 资源 (6)
  • 收藏
  • 关注

原创 axios发送get请求但参数中有数组导致请求路径多出了“[]“的处理办法

使用axios发送get请求携带了数组参数时,请求路径中就会多出[]字符,而在后端也会报错。

2024-03-28 15:09:16 705

原创 element-ui中el-tree组件节点全展开与全收缩功能实现

【代码】element-ui中el-tree组件节点全展开与全收缩功能实现。

2024-03-19 17:40:39 770

原创 CategoryInfo: ObjectNotFound: (cnpm:String) [], CommandNotFoundException FullyQualifiedErrorId : ...

【代码】CategoryInfo : SecurityError: (:) [],PSSecurityException + FullyQualifiedErrorId : Unau。

2024-03-13 10:24:43 431

原创 element日历组件只显示月和日,把年份隐藏掉

最终效果: 我们先用控制台看看里面具体的样式1、可以看到 class =“el-date-picker__header” 的 div是控制日历组件的标题的,div里面的button和span就是对应标题里面的各个标签2、需要把想要隐藏的标签给隐藏掉,就是要取“el-date-picker__header”这个类下指定button和span3、确定需要我们隐藏的到底是哪个button和span(年份和对应的>隐藏掉)

2023-12-12 09:16:33 749

原创 echarts实现横向和纵向滚动条(使用dataZoom)

【代码】echarts实现横向和纵向滚动条(使用dataZoom)

2023-10-17 16:05:24 1570

原创 Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. Th

【代码】Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. Th。

2023-10-17 10:45:50 216

原创 Vue3 Element-Plus 重置表单项

【代码】Vue3 Element-Plus 重置表单项。

2023-08-07 15:53:55 676

原创 vue2 route包含的信息和router使用的详细介绍 vue3 useRouter和useRoute 使用以及三种传参方式

传递和接收方式不同外显式query会很明显的跟在新的url上,而隐式params不会隐式params在刷新后可能会消失,我们可以在它存在的时候存如缓存中,如localstorage,而query不会隐式params比显式query相对而言更安全,不会将参数直接暴露给用户。

2023-08-03 09:55:05 487

原创 Element-UI 10个技巧

有时候我们想用 el-upload 的上传功能,但又不想用 el-upload 的样式,如何实现呢?看到这个组件是不是有点陌生,陌生就对了,因为它从来没有出现在 element 官网上(估计是性能问题),但好东西怎么能藏着掖着,来上效果图。很多时候下拉框的内容是不可控的,如果下拉框选项内容过长,势必会导致页面非常不协调,解决办法就是,单行省略加文字提示。当 el-input 设置 type="number" 时,输入中文,虽然中文不会显示出来,但焦点会上移。

2023-07-28 15:54:51 100

原创 vue项目部署,自动清除缓存配置

项目打包时给js、css文件加上时间戳,保证输出的文件名不会相同,通过 vue.config.js 进行配置。这样当我们重新部署后访问的时候,由于访问的时候,文件名变了,所以会重新请求,而不是走缓存)该方法了解即可,不推荐使用,会导致用户每次访问程序都需要重新请求服务器,所有静态资源都无法使用缓存,浪费流量,网络压力大。chunkFilename: 指未列在 entry 中,却又需要被打包出来的文件的名称(懒加载的文件)filename: 指列在 entry(入口) 中,打包后输出的文件的名称。

2023-06-27 17:18:20 2945

原创 win10 突然打不开sourcetree

2、如果你打开的文件夹里只有一个快捷方式,你可以右键。,如果还是不行,那么就进入接下来的排查流程。找到这俩文件并删掉之后,就可以正常打开了。1、首先要找到对应的位置。打开文件搜索今天的日期。

2023-06-18 16:13:48 1072 2

原创 reduce()方法详解

结论:如果没有提供initialValue,reduce 会从索引1的地方开始执行 callback 方法,跳过第一个索引。这里可以看出,上面的例子index是从1开始的,第一次的prev的值是数组的第一个值。reduce() 方法为数组的每个值(从左到右)执行提供的函数。注释:对没有值的数组元素,不执行 reduce() 方法。注释:reduce() 方法不会改变原始数组。reduce() 方法将数组缩减为单个值。函数的返回值存储在累加器中(结果/总计)。为数组中的每个元素运行的函数。

2023-05-27 11:02:03 4045 1

原创 element-ui中Tree树形结构修改三角形图标、增加竖线、横线

【代码】element-ui中Tree树形结构修改三角形图标、增加竖线、横线。

2023-05-19 11:26:51 1745 2

原创 element 时间选择器禁用选择

【代码】element 时间选择器禁用选择。

2023-03-21 09:30:23 2617

原创 CSS的6个新特性

容器查询@container类似于媒体查询@media,区别在于查询所依据的对象不同。媒体查询依据的是浏览器的视窗大小,容器查询依据的是元素的父元素或者祖先元素的大小。

2023-03-02 15:57:27 3913

原创 elementUi 按钮点击之后取消状态

注:要看看按钮的文字是不是在span标签内,如果button里没有span标签就直接evt.target.blur()Element中的el-button按钮点击之后按钮的状态会一直存在,如果想取消需手动触发;

2023-02-01 11:28:15 1075

原创 vue中使用SM2加密

sm-crypto是国密算法sm2、sm3和sm4的js版什么是国密?国密算法是国家密码管理局制定的自主可控的国产算法,包括SM1、SM2、SM3 、SM4、SM7、SM9、祖冲之密码算法(ZUC)等。在金融领域目前主要使用公开的SM2、SM3、SM4三种商用密码算法,分别为非对称加密算法、哈希算法和对称加密算法。

2022-11-08 14:49:17 5206

原创 ElementUI按需引用Message时,启动时会自动弹出空的message弹出框

message比较特殊,不能使用 Vue.use(message)把这行删掉,就不会弹出空的message dialog;按需易用配置如下,一开始模仿其他组件进行装按需引用,

2022-11-03 15:20:58 421

原创 Vue 开发DEV环境携带token访问接口报431 Request Header Fields Too Large

1.启动的本地服务访问接口总是报 431 Request Header Fields Too Large 错误,看 network 请求,连发送都没发送给服务端就报错了,查了查发现 nodejs 升级之后header默认大小改为了 8KB,token根据账号权限生成,这个header大小是不受限制的,有可能就超过了8k,那就一直请求不通。2:windows 在node_modules/.bin/webpack-dev-server.cmd 打开node_modules文件夹下的第一个。

2022-10-26 11:59:37 698

原创 vue中RSA加密

【代码】vue中RSA加密。

2022-08-26 09:18:04 336

原创 vue项目使用Base64加密解密

该方法使用 "A-Z", "a-z", "0-9", "+", "/" 和 "=" 字符来编码字符串。方法用于创建一个 base-64 编码的字符串,接收一个字符串作为参数。对应的,atob() 方法用于解码使用 base-64 编码的字符串。atob() 方法接收一个通过 btoa() 方法编码的字符串.,不过如果你的页面中有很多地方都有用到加密解密,你也可以在。一般是在处理登录请求的页面引入。(1)在单个页面引入。

2022-08-22 20:20:03 11162 1

原创 vue element ui el-popover 样式修改不生效解决方法

这四种样式穿透都不起作用, 这是因为 el-popover生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style。在使用element 的el-popover 组件时,会发现自己对el-popover 写的样式不起作用,甚至连使用。首先给它添加一个特定的类名 , 千万别重复 , 语义命名以免样式污染。在当前文件样式中 不加scoped写一份。...

2022-08-06 16:11:01 6314 2

原创 vue实现input禁止粘贴

需求: 阻止element组件中的复制粘贴功能实现思路: 组件是由外层和内层的组成的, 根据浏览器的事件传递机制(先捕获,后冒泡): 粘贴的时候会先执行绑定在外层div上的paste事件捕获方法, 然后再到内层的input, 因此可以在组件上捕获监听paste事件, 并阻止向下传播即可事件修饰符说明:native: 表明这个是dom的原生事件,如果不加native, vue会认为paste是一个自定义事件,必须要在组件内手动触发, 那么在粘贴的时候自然就不会触发了capture: 表明这个方法在捕

2022-07-13 10:15:04 2428 2

原创 vue 修改浏览器标签名的办法

方法1:首先配置vue.config.js文件

2022-06-21 09:18:39 3260

原创 vue elementUI 表格span-method属性实现相同数据合并

elementUI 表格span-method属性实现相同数据合并

2022-06-06 17:55:48 1415 1

原创 element 常见问题整理

Table 表格相关1.设置表格el-table表头的颜⾊:header-cell-style 可以修改背景及其他<el-table :data="tableData" :header-cell-style="{background:'#000', color:'#fff'}" >2.设置某⼀列的字段字体颜⾊⽅法1: :cell-style="setCellColor"<el-table :data="tableData" :cell-style="setCell...

2022-05-29 18:52:35 836

原创 关于Echarts中formatter设置百分比格式

formatter中默认展示两位小数如需设置展示整数的百分比,如下series: [ { type: "pie", radius: ["45%", "70%"], label: { show: true, fontSize: "14", position:'inner', // 标签的位置 .

2022-03-29 18:01:44 5149

原创 vue项目使用cookie、localStorage和sessionStorage进行储存数据

一,cookie的使用1,首先加载模块npm i js-cookie -S2,在使用cookie的页面上进行引入import Cookies from 'js-cookie'3,使用方法创建一个在整个网站上有效的CookieCookies.set('name', 'value');创建一个从现在起7天后过期的cookie,在整个站点上有效:Cookies.set('name', 'value', { expires: 7 });创建一个过期的cookie,.

2022-03-29 09:06:45 3569

原创 vue elementui table组件内容换行

如表格使用render-header内容过多 使用“\n 或 <br/>”换行无效render-header 列标题 Label 区域渲染使用的 Function white-space的值:normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的<pre> 标签。 nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br>标签为止。 pre-wrap 保留空白符序列,但是正常地进行换行。

2022-03-25 15:34:25 5294

原创 Vue2 必备的50个知识点

1、Vue的优点?Vue的缺点?优点: 渐进式 组件化开发 虚拟dom 响应式数据 单页面路由 数据与视图分开 缺点: 单页面不利于seo 不兼容IE 首屏加载时间长 2、为什么说Vue是一个渐进式框架?Vue的全家桶,你可以选择不用,或者只选几样去用,比如不用vuex3、Vue跟React的异同点?相同点: 都是单向数据流 都使用了虚拟DOM的技术 都支持SSR ..

2022-03-23 19:06:56 5912 1

原创 常见接口状态码状态码

2开头 一般表示请求成功 表示后端成功处理了请求并返回结果200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 201 (已创建) 请求成功并且服务器创建了新的资源。 202 (已接受) 服务器已接受请求,但尚未处理。 203 (非授权信息) 服务器已成功处理了请求,但返回的信息可能来自另一来源。 204 (无内容) 服务器成功处理了请求,但没有返回任何内容。 205 (重置内容) 服务器成功处理了请求,但没有返回任何内容。 206 (部分内容) 服务器...

2022-03-23 18:40:59 1375

原创 Vue element表格实现选中行拖动实现排序

示例效果如下:1):安装sortable.js插件npm install sortablejs2):示例代码<template> <div> <el-table :data="tableDatas" ref="singleTable" highlight-current-row border row-key="id" class="load_table"> <el-table-column prop="id" w..

2022-03-15 20:06:22 1407

原创 element 年份区间选择器

效果图:需求如下:1、只存在年份区间选择,不需要月和日期2、初始年份定位到可选年份区间,而不是系统默认时间 <a-form-model-item label="年份" class="ele-input"> <el-date-picker v-model="curStartYear" type="year" :picker-options="startPickerOptions" .

2022-03-14 21:56:35 7275 1

原创 MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型

是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。每个MIME类型由两部分组成,前面是数据的大类别,例如声音audio、图象image等,后面定义具体的种类。常见的MIME类型(通用型):超文本标记语言文本 .html text/htmlxml文档 .xml text/xmlXHTML文档 .xhtml application/xhtml+xml普通文本 .t

2022-03-11 14:34:37 1513

原创 vue 后台接口返回文件流地址的下载

首先在axios.post的请求中把默认的 " responseType:‘json’ " 改为" responseType:‘blob’// 接口请求成功后letblob =newBlob([res.data], {type:"application/vnd.ms-excel"});// res是接口返回的文件流letobjectUrl = URL.createObjectURL(blob);window.location.href = objectUrl;注...

2022-03-11 14:31:36 894

原创 element-ui的el-table怎么自定义合并表头

table自带合并属性:rowSpan和colSpan,所以合并表头获取所有的表头单元格,针对性的对需要合并的单元格进行操作如想要合并的是第二列和第三列,那么我们先获取到所有的表头,然后将第二列表头的colSpsn设为2,将第三列表头的display设为none。data() { tableData: [ { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 ..

2022-03-04 16:09:10 2264

原创 ECharts柱状图 实现柱条渐变色

实例代码如下:option = { xAxis: [ { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], } ], yAxis: [ { type: 'value' } ], series: [ { name: 'Direct', type: 'bar', data...

2022-03-03 16:21:16 404

原创 vue项目引入echarts

1:NPM 安装 ECharts你可以使用如下命令通过 npm 安装 EChartsnpm install echarts --save2:在项目目录下的main.js文件中引入echarts,并创建$echarts实例import echarts from 'echarts'Vue.prototype.$echarts = echarts3、在页面中创建一个dom节点并绑定id用以承载echarts图表:<divid="chart"style="width:...

2022-03-03 16:12:16 156

原创 关于elementUI 时间日期选择器 添加 昨天今天按钮

<el-button @click="getTime(1)">昨天</el-button> <el-date-picker v-model="dateRange" type="datetimerange" align="center" unlink-panels range-separator="至" value-format="yyyy-MM-dd HH:mm:ss" start-placeholde.

2022-02-18 17:55:06 1077

原创 Vue + Element + Table 分页选择勾选 和 取消勾选

<el-table ref="goodOrder" :data="goodOrder" :row-key="getRowKeys" v-loading="loadingGoodOrder" border @row-click="toggleSelection" @selection-change="handleSelectionChange"> <el-table-column type="selection" :reserve-selection="true" fixed h.

2022-01-18 09:48:45 4677

incubator-echarts-4.5.0.rar

一个纯JavaScript图表库。ECharts,缩写来自EnterpriseCharts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力,利用echarts打造酷炫的动态的图标网页所需要的js包及实例

2021-01-13

SQL(转为表格文档).rar

这个工具用来将创建Oracle属性表的SQL语句转换为Excel文档,继而可以将Excel的内容复制到word文档中,实现快速编写数据库说明和数据库设计文档的辅助工(只适用于C#)

2020-08-07

header-navbar.zip

小程序左上角胶囊:获取手机状态栏高度我们可以使用wx.getSystemInfo这个接口,来获取手机状态栏的高度,至于同步异步; 小程序底部弹框的两种方式;

2020-05-19

Android-5.1.1_r1源码.7z

内容包含Android-5.1.1_r1源码中的3个文件:platform.pk8、platform.x509.pem和signapk。其中platform.pk8和platform.x509.pem是在“build/target/product/security”中拷贝出来的,signapk是在“build/tools/signapk”中拷贝出来的。由于源码文件数量庞大,大小也几G,为方便大家使用测试系统签名,故放此共享。

2020-02-27

Smartconfig配网APP源码.7z

esp8266 Lua Smartconfig 配网APP源码,适用于ESP8266 AT固件 lua固件。

2019-12-12

个人计算器.7z

个人计算器:主要包含开机,关机,二进制,八进制,sum,10进制,16进制,avg,sin,cos,tan,标准差,方差,随机数,排序等

2019-07-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除