- 博客(189)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 Element表格show-overflow-tooltip属性
表格默认情况下若内容过多会折行显示，若需要单行显示可以使用show-overflow-tooltip属性，它接受一个Boolean，为true时多余的内容会在 hover 时以 tooltip 的形式显示出来。注：修改elementui自带样式不能在。
2024-11-15 11:28:18
492
1
原创 Windows下使用pm2管理多个前端vue项目
2. Cluster 模式 多线程: 利用 Node.js 的集群模块来启动多个进程，每个进程都可以运行在不同的 CPU 核心上。1. Fork 模式 单线程: 每个进程都是独立的单线程进程，适用于处理单核 CPU 的任务。适用场景: 适用于需要在不同的进程中运行的应用，比如每个进程处理不同的任务，或者在开发和调试过程中。注：避免重复启动，如果你不希望重复启动同一个脚本，请确保不要多次运行相同的 pm2 start 命令，而是使用 pm2 restart 或 pm2 reload 来重新启动进程。
2024-09-02 16:07:05
656
原创 axios发送get请求但参数中有数组导致请求路径多出了“[]“的处理办法
使用axios发送get请求携带了数组参数时，请求路径中就会多出[]字符，而在后端也会报错。
2024-03-28 15:09:16
1321
原创 element-ui中el-tree组件节点全展开与全收缩功能实现
【代码】element-ui中el-tree组件节点全展开与全收缩功能实现。
2024-03-19 17:40:39
2172
原创 CategoryInfo: ObjectNotFound: (cnpm:String) [], CommandNotFoundException FullyQualifiedErrorId : ...
【代码】CategoryInfo : SecurityError: (:) []，PSSecurityException + FullyQualifiedErrorId : Unau。
2024-03-13 10:24:43
1176
原创 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
1023
原创 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
248
原创 vue2 route包含的信息和router使用的详细介绍 vue3 useRouter和useRoute 使用以及三种传参方式
传递和接收方式不同外显式query会很明显的跟在新的url上，而隐式params不会隐式params在刷新后可能会消失，我们可以在它存在的时候存如缓存中，如localstorage，而query不会隐式params比显式query相对而言更安全，不会将参数直接暴露给用户。
2023-08-03 09:55:05
734
原创 Element-UI 10个技巧
有时候我们想用 el-upload 的上传功能，但又不想用 el-upload 的样式，如何实现呢？看到这个组件是不是有点陌生，陌生就对了，因为它从来没有出现在 element 官网上（估计是性能问题），但好东西怎么能藏着掖着，来上效果图。很多时候下拉框的内容是不可控的，如果下拉框选项内容过长，势必会导致页面非常不协调，解决办法就是，单行省略加文字提示。当 el-input 设置 type="number" 时，输入中文，虽然中文不会显示出来，但焦点会上移。
2023-07-28 15:54:51
171
原创 vue项目部署，自动清除缓存配置
项目打包时给js、css文件加上时间戳，保证输出的文件名不会相同，通过 vue.config.js 进行配置。这样当我们重新部署后访问的时候，由于访问的时候，文件名变了，所以会重新请求，而不是走缓存)该方法了解即可，不推荐使用，会导致用户每次访问程序都需要重新请求服务器，所有静态资源都无法使用缓存，浪费流量，网络压力大。chunkFilename： 指未列在 entry 中，却又需要被打包出来的文件的名称（懒加载的文件）filename： 指列在 entry（入口） 中，打包后输出的文件的名称。
2023-06-27 17:18:20
4490
原创 win10 突然打不开sourcetree
2、如果你打开的文件夹里只有一个快捷方式，你可以右键。，如果还是不行，那么就进入接下来的排查流程。找到这俩文件并删掉之后，就可以正常打开了。1、首先要找到对应的位置。打开文件搜索今天的日期。
2023-06-18 16:13:48
1251
2
原创 reduce()方法详解
结论：如果没有提供initialValue，reduce 会从索引1的地方开始执行 callback 方法，跳过第一个索引。这里可以看出，上面的例子index是从1开始的，第一次的prev的值是数组的第一个值。reduce() 方法为数组的每个值（从左到右）执行提供的函数。注释：对没有值的数组元素，不执行 reduce() 方法。注释：reduce() 方法不会改变原始数组。reduce() 方法将数组缩减为单个值。函数的返回值存储在累加器中（结果/总计）。为数组中的每个元素运行的函数。
2023-05-27 11:02:03
5857
1
原创 element-ui中Tree树形结构修改三角形图标、增加竖线、横线
【代码】element-ui中Tree树形结构修改三角形图标、增加竖线、横线。
2023-05-19 11:26:51
2509
2
原创 CSS的6个新特性
容器查询@container类似于媒体查询@media，区别在于查询所依据的对象不同。媒体查询依据的是浏览器的视窗大小，容器查询依据的是元素的父元素或者祖先元素的大小。
2023-03-02 15:57:27
4146
原创 elementUi 按钮点击之后取消状态
注：要看看按钮的文字是不是在span标签内，如果button里没有span标签就直接evt.target.blur()Element中的el-button按钮点击之后按钮的状态会一直存在，如果想取消需手动触发；
2023-02-01 11:28:15
1420
原创 vue中使用SM2加密
sm-crypto是国密算法sm2、sm3和sm4的js版什么是国密？国密算法是国家密码管理局制定的自主可控的国产算法，包括SM1、SM2、SM3 、SM4、SM7、SM9、祖冲之密码算法（ZUC)等。在金融领域目前主要使用公开的SM2、SM3、SM4三种商用密码算法，分别为非对称加密算法、哈希算法和对称加密算法。
2022-11-08 14:49:17
5879
原创 ElementUI按需引用Message时，启动时会自动弹出空的message弹出框
message比较特殊，不能使用 Vue.use(message)把这行删掉，就不会弹出空的message dialog；按需易用配置如下，一开始模仿其他组件进行装按需引用，
2022-11-03 15:20:58
496
原创 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
815
原创 vue项目使用Base64加密解密
该方法使用 "A-Z", "a-z", "0-9", "+", "/" 和 "=" 字符来编码字符串。方法用于创建一个 base-64 编码的字符串，接收一个字符串作为参数。对应的，atob() 方法用于解码使用 base-64 编码的字符串。atob() 方法接收一个通过 btoa() 方法编码的字符串.,不过如果你的页面中有很多地方都有用到加密解密，你也可以在。一般是在处理登录请求的页面引入。（1）在单个页面引入。
2022-08-22 20:20:03
11532
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
6733
2
原创 vue实现input禁止粘贴
需求: 阻止element组件中的复制粘贴功能实现思路: 组件是由外层和内层的组成的, 根据浏览器的事件传递机制(先捕获,后冒泡): 粘贴的时候会先执行绑定在外层div上的paste事件捕获方法, 然后再到内层的input, 因此可以在组件上捕获监听paste事件, 并阻止向下传播即可事件修饰符说明:native: 表明这个是dom的原生事件,如果不加native, vue会认为paste是一个自定义事件,必须要在组件内手动触发, 那么在粘贴的时候自然就不会触发了capture: 表明这个方法在捕
2022-07-13 10:15:04
2569
2
原创 vue elementUI 表格span-method属性实现相同数据合并
elementUI 表格span-method属性实现相同数据合并
2022-06-06 17:55:48
1682
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
1141
原创 关于Echarts中formatter设置百分比格式
formatter中默认展示两位小数如需设置展示整数的百分比，如下series: [ { type: "pie", radius: ["45%", "70%"], label: { show: true, fontSize: "14", position:'inner', // 标签的位置 .
2022-03-29 18:01:44
5589
原创 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
3701
原创 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
5455
原创 Vue2 必备的50个知识点
1、Vue的优点？Vue的缺点？优点： 渐进式 组件化开发 虚拟dom 响应式数据 单页面路由 数据与视图分开 缺点： 单页面不利于seo 不兼容IE 首屏加载时间长 2、为什么说Vue是一个渐进式框架？Vue的全家桶，你可以选择不用，或者只选几样去用，比如不用vuex3、Vue跟React的异同点？相同点： 都是单向数据流 都使用了虚拟DOM的技术 都支持SSR ..
2022-03-23 19:06:56
6223
1
原创 常见接口状态码状态码
2开头 一般表示请求成功 表示后端成功处理了请求并返回结果200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创建了新的资源。 202 （已接受） 服务器已接受请求，但尚未处理。 203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。 204 （无内容） 服务器成功处理了请求，但没有返回任何内容。 205 （重置内容） 服务器成功处理了请求，但没有返回任何内容。 206 （部分内容） 服务器...
2022-03-23 18:40:59
1787
原创 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
1490
原创 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
7565
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
1681
原创 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
956
原创 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
2390
incubator-echarts-4.5.0.rar
2021-01-13
SQL(转为表格文档).rar
2020-08-07
header-navbar.zip
2020-05-19
Android-5.1.1_r1源码.7z
2020-02-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人