- 博客(19)
- 收藏
- 关注
原创 element-ui el-table 固定表头
1. 官网给出两种种属性来固定表头 height 以及 max-height;但是有个问题就是 height高度会被定死,max-height无法适应不同分辨率的情况。2. 可以进行样式控制表格高度,达到固定表头的需求,就可以避免高度定死的情况。
2024-01-26 10:40:43
2808
2
原创 element-ui el-date-picker 限制时间不可选择今天、历史时间及去掉此刻按钮
element-ui el-date-picker 组件去掉此刻按钮,限制时间范围不可选择今天,不可选择历史
2024-01-06 17:18:26
1664
1
原创 element-ui el-date-picker 实现限制开始时间和结束时间
element-ui中el-date-picker组件 控制时间,在没有使用element-ui 时间组件的范围选择时,使用了单独的时间选择的情况下需要控制开始时间和结束时间的控制
2023-11-12 10:27:16
909
1
原创 vue 数组转对象
将数据数据序列化为键值对map(),然后使用 方法 Object.fromEntries() 把键值对列表转换为一个对象。在项目中根据原型构造除了数据结构,但是后台返回的数据不符合数据接口,需要将数组转为对象进行数据赋值。思路是将后台的数组转成对象,和我的数据进行对比赋值。此方法只适用少量数据的处理,大数据处理需要另寻它法。
2023-10-23 11:03:35
347
原创 vue 项目中dom元素宽度更改之后echarts之resize
最近做一个项目,项目中存在左侧树和导航屑的收起和展开功能,发现当左侧树和导航屑收起时,如果页面存在eachrts图表的话,图表不会进行重绘,导致页面展示效果不好。已经给echarts写了监听事件,但是是针对window的,页面内容的缩放不会进入window的监听。追根到底,是因为echarts图表的容器大小进行了变化,所以我们需要去监听dom的变化。监听echarts图表 元素本身的dom元素变化,让echarts图表重新绘制就好了。
2023-10-13 16:46:18
537
原创 css 文字渐变
使用css3 linear-gradient 线性渐变 to 控制渐变方向,0%渐变位置。文字颜色设为透明,要不然会覆盖背景色。background-clip: 指定背景绘制区域。
2023-06-13 11:26:49
183
1
原创 element-ui table 复选框判断选中还是未选中及默认值的填充
1. 注意:如果当前列表数据存在分页,那么选中的数据id集合是所有的选中数据,不是当前页选中的数据id集合。2. 将当前的列表数据和选中的id集合进行比对,id存在就使用。中的table组件提供了。方法进行复选框的数据回填。
2023-05-09 11:27:57
6732
原创 Vue专题(六)axios封装及接口调用
在根目录的 src 文件夹下新建一个 api 文件夹,接着在 api 文件夹下新建 formDef.js 文件(注意:api文件夹下可以根据实际的接口情况创建多个js接口文件)在根目录的 src 文件夹下新建一个 utils文件夹,接着在 utils文件夹下新建 request.js 文件。安装qs(qs主要用于参数序列化,处理发送请求的参数)
2023-03-15 17:30:11
527
原创 Vue专题(五)基于webpack的Vue项目配置代理解决跨域问题
基于webpack创建的vue项目,自身会有config的配置文件。当请求后台接口,出现跨域报错时。
2023-03-15 16:31:03
1700
2
原创 Vue专题(三)vue项目启动端口更改
1. Vue项目的默认端口是8080,不修改的情况下启动项目之后端口就是8080,若8080端口已经被占用了,端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值,重新运行项目即可。
2023-03-15 14:25:09
4246
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
1920
原创 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
468
原创 npm 使用淘宝镜像及切换回官方源
1. 配置命令-第一个命令是旧版的,第二个为新版的2. 验证命令返回结果为 https://registry.npm.taobao.org , 说明淘宝镜像配置成功3. 使用cnpm安装说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以我们乐于分享的淘宝团队干了这事。!;-g:全局安装。安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用可能会出现错误4. 使用cnpm。
2023-03-14 10:36:32
14264
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人