自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 css 实现四角边框

通过使用伪类::after 和 ::before实现角边框。

2024-04-16 18:47:51 138

原创 element-ui el-table 固定表头

1. 官网给出两种种属性来固定表头 height 以及 max-height;但是有个问题就是 height高度会被定死,max-height无法适应不同分辨率的情况。2. 可以进行样式控制表格高度,达到固定表头的需求,就可以避免高度定死的情况。

2024-01-26 10:40:43 1462 1

原创 element-ui el-table 里面做el-form的校验

使用el-form 自带的 rules 进行规则设置。

2024-01-11 17:33:21 464

原创 element-ui el-date-picker 限制时间不可选择今天、历史时间及去掉此刻按钮

element-ui el-date-picker 组件去掉此刻按钮,限制时间范围不可选择今天,不可选择历史

2024-01-06 17:18:26 751 1

原创 element-ui el-date-picker 实现限制开始时间和结束时间

element-ui中el-date-picker组件 控制时间,在没有使用element-ui 时间组件的范围选择时,使用了单独的时间选择的情况下需要控制开始时间和结束时间的控制

2023-11-12 10:27:16 559 1

原创 vue 数组转对象

将数据数据序列化为键值对map(),然后使用 方法 Object.fromEntries() 把键值对列表转换为一个对象。在项目中根据原型构造除了数据结构,但是后台返回的数据不符合数据接口,需要将数组转为对象进行数据赋值。思路是将后台的数组转成对象,和我的数据进行对比赋值。此方法只适用少量数据的处理,大数据处理需要另寻它法。

2023-10-23 11:03:35 172

原创 vue 项目中dom元素宽度更改之后echarts之resize

最近做一个项目,项目中存在左侧树和导航屑的收起和展开功能,发现当左侧树和导航屑收起时,如果页面存在eachrts图表的话,图表不会进行重绘,导致页面展示效果不好。已经给echarts写了监听事件,但是是针对window的,页面内容的缩放不会进入window的监听。追根到底,是因为echarts图表的容器大小进行了变化,所以我们需要去监听dom的变化。监听echarts图表 元素本身的dom元素变化,让echarts图表重新绘制就好了。

2023-10-13 16:46:18 346

原创 切换git源地址

3、切换源后第一次提交。4、切换源后第一次拉取。

2023-09-04 14:18:11 1372 1

原创 vue 无缝滚动-vue-seamless-scroll

安装完成之后进行组件引用。

2023-07-07 10:47:32 137 1

原创 css 文字渐变

使用css3 linear-gradient 线性渐变 to 控制渐变方向,0%渐变位置。文字颜色设为透明,要不然会覆盖背景色。background-clip: 指定背景绘制区域。

2023-06-13 11:26:49 87 1

原创 element-ui table 复选框判断选中还是未选中及默认值的填充

1. 注意:如果当前列表数据存在分页,那么选中的数据id集合是所有的选中数据,不是当前页选中的数据id集合。2. 将当前的列表数据和选中的id集合进行比对,id存在就使用。中的table组件提供了。方法进行复选框的数据回填。

2023-05-09 11:27:57 5132

原创 Vue专题(六)axios封装及接口调用

在根目录的 src 文件夹下新建一个 api 文件夹,接着在 api 文件夹下新建 formDef.js 文件(注意:api文件夹下可以根据实际的接口情况创建多个js接口文件)在根目录的 src 文件夹下新建一个 utils文件夹,接着在 utils文件夹下新建 request.js 文件。安装qs(qs主要用于参数序列化,处理发送请求的参数)

2023-03-15 17:30:11 454

原创 Vue专题(五)基于webpack的Vue项目配置代理解决跨域问题

基于webpack创建的vue项目,自身会有config的配置文件。当请求后台接口,出现跨域报错时。

2023-03-15 16:31:03 1452 2

原创 Vue专题(四)请求数据跨域代理配置

Vue网络请求使用Axios,首先需要安装axios。1. 引用Axios。

2023-03-15 14:56:40 103

原创 Vue专题(三)vue项目启动端口更改

1. Vue项目的默认端口是8080,不修改的情况下启动项目之后端口就是8080,若8080端口已经被占用了,端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值,重新运行项目即可。

2023-03-15 14:25:09 3864 2

原创 Vue专题(二)vue启动命令的配置与更改

使用vue-cli创建的vue项目,3.0以前的都是npm run serve。“serve” 对应的是npm run serve命令。但是3.0以后默认的命令是npm run dev。“dev” 对应的是npm run dv。2. 找到对应的配置,改成自己需要的。

2023-03-15 14:14:42 1564

原创 Vue专题(一)基于 webpack 模板创建的vue项目

2. 环境都安装无误后在项目文件中右键 Git Bash Here或者右键点击 Visual Studio Code,选择属性-兼容性-以管理员身份运行。1. 测试环境 win+r输入cmd进行环境检测。5. 在项目文件夹中打开终端 加载依赖。3. 全局安装vue-cli脚手架。4. 基于webpack创建新项目。

2023-03-15 14:09:29 386

原创 npm 使用淘宝镜像及切换回官方源

1. 配置命令-第一个命令是旧版的,第二个为新版的2. 验证命令返回结果为 https://registry.npm.taobao.org , 说明淘宝镜像配置成功3. 使用cnpm安装说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以我们乐于分享的淘宝团队干了这事。!;-g:全局安装。安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用可能会出现错误4. 使用cnpm。

2023-03-14 10:36:32 8439 1

空空如也

空空如也

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

TA关注的人

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