- 博客(96)
- 收藏
- 关注
原创 elementUI 的el-date-picker日期,开始时间不能大于结束时间
需求描述:form表单里有开始日期和结束日期,要求开始日期不能大于结束日期,但是开始日期可以等于结束日期。
2024-07-31 14:01:28
725
原创 el-progress进度条,format效果实现
实现的需求是,取数组对象里面,amount最大的值作为100%,其余按照这个标准进行计算得到显示的进度条百分比。// 重要,这里必须用strip进行修正。// 位数不足则补0。
2024-06-25 17:48:49
1031
原创 uni-app 小程序:显示图片并且点击图片展示大图
在页面显示一张图片,然后点击该张图片后显示大图。点击大图就可以关闭大图。其中imgpath为图片路径,imgArr为图片路径组成的数组。以上方法就是小程序实现点击小图查看大图的方法了。
2024-06-14 14:49:53
2479
1
原创 vue的elementUI的el-tree的选择
有一棵树型的数据,需要实现:在外部加一个 全选和不全选的按钮,去全部勾选树结构里面每一项的选框。* @param {*} children 孩子节点字段 默认 'children'* @param {*} parentId 父节点字段 默认 'parentId'// parentId=0父级不传进该数组。* @param {*} id id字段 默认 'id'当点击勾选全选的时候,树的每一项都勾选;// 使用递归将树状结构数组转为普通数组。// 挂载全局数据为空时用'-'显示。//返回每一项的子级数组。
2024-06-05 16:01:17
1753
1
原创 vue的ant design的下载模板和上传excel文件功能
需要实现的功能需求,如下图所示:用户需要先下载模板,然后修改模板的内容,之后再上传excel文件。
2024-06-04 10:45:43
662
原创 vue的ant design多个输入框,输入其中一个输入框自动触发下一个输入框的校验
2)最大电压:必填项,数值,手动录入,最大录入40字,默认单位为V,数值须大于额定电压数值,保留1为小数。3)最小电压:必填项,数值,手动录入,最大录入40字,默认单位为V,数值须小于额定电压数值,保留1为小数。1)额定电压:必填项,数值,手动录入,最大录入40字,默认单位为V,保留1为小数。vue多个输入框,各输入值之间相互影响。
2024-06-04 10:33:45
709
原创 隐藏饼图的legend,重写legend列表。
因为要实现的饼图效果较复杂,所以,需要重新写列表。echarts的饼图组件:pie_mul.vue。点击右侧列表的圆点,实现隐藏左侧饼图相应环状。
2024-06-03 13:48:08
475
原创 el-input-number 只能输入整数,最小值1,最大值5
precision:限制只能输入整数,min:最小输入1,max:最大输入5。placeholder="请输入唯一排序"height: 30px;/* 修改为你想要的高度 */label="排序"/* 添加一个自定义类来覆盖默认的高度 */
2024-04-26 14:08:58
2716
原创 el-upload导入功能
" effect="dark" content="导入功能" placement="top">>导入病历</el-button>// // 是否更新已经存在的用户数据。// 是否显示弹出层(导入)// 弹出层标题(导入)// 设置上传的请求头部。
2024-01-06 11:32:38
601
原创 el-radio控件click事件触发两次的解决办法
elementui中,el-radio控件包含了label和input标签,在el-radio上设置了点击事件,让两个标签都拥有了该事件,所有click方法被调用了2次。方法2. 因为都触发了input标签和label标签的点击事件,可以通过对应事件的标签作加判断阻止其中一个就可以了。// 当是input标签触发的点击事件时,阻止该事件。方法1. 增加prevent修饰符阻止事件传递。alert('点击')alert('点击')发现点击事件被触发了两次。
2023-12-28 13:14:33
1565
原创 遍历数组,获取对象的key和value,组成新对象
let objValue = dd[Object.keys(dd)] // 获取对象的value。// 获取对象的key。let newObj = {} // 新对象。
2023-12-22 11:40:38
750
原创 vue使用ant design Vue中的a-select组件实现下拉分页加载数据
vue使用ant design Vue中的a-select组件实现下拉分页加载数据,下拉触抵然后加载下一页的数据。
2023-10-13 16:28:06
2422
原创 nuxt.js框架使用
1、这种框架只要页面有一个地方错,都会出现404或者吓人的报错界面。如表单的prop属性,在data函数return对象里面该字段找不到或者不一致,就会报404。2、// 字典翻译})},在vue页面引用:<el-table-column label="信息" min-width="170"></div>return {dictArr: {BATTERY_TYPE: [], // 类型},BATTERY_TYPE_str: '', // 类型翻译},// 调用字典列表接口。
2023-08-10 13:26:43
214
原创 如何针对单个表单项去掉验证和添加验证?
this.$refs.conpanyForm.clearValidate('district') // 清除校验。this.$refs.conpanyForm.validate('district') // 添加校验。
2023-08-10 13:25:37
296
原创 nuxt.js项目开发的一些技术经验总结
1、这种框架只要页面有一个地方错,都会出现404或者吓人的报错界面。如表单的prop属性,在data函数return对象里面该字段找不到或者不一致,就会报404。2、// 字典翻译})},在vue页面引用:<el-table-column label="信息" min-width="170"></div>return {dictArr: {BATTERY_TYPE: [], // 类型},BATTERY_TYPE_str: '', // 类型翻译},// 调用字典列表接口。
2023-08-10 13:25:10
311
原创 Upgrading to WebSocket events.js:352 报错问题
将http-proxy-middleware升级到0.20.0就行了。在demo文件夹下创建server.js文件作为代理使用。通过express来使用该中间件,安装express。在demo文件夹下创建index文件夹作为前端项目。在demo文件夹下创建api.js文件作为接口使用。
2023-08-10 13:24:27
177
原创 vue利用浏览器存储聊天记录
3. xxxxStorage.getItem(xxx),如果 xxx 对应的 value 获取不到,那么 getltem 的返回值是null。2.LocalStorage 存储的内容,需要手动清除才会消失(调用api 或 清空缓存)LocalStorage 和 SessionStorage 统称为 WebStorage。该方法接受一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新其对应的值。1.SessionStorage 存储的内容会随着浏览器窗口关闭而消失。属性来实现本地存储机制。
2023-08-10 13:23:46
524
原创 删除数组的一条数据
1、纯数组 var arr = [ '111' , '222' , '333' , ' 444' , '555' ]2、删除对象数组里面的,一条符合要求的数据。对比两个数组,删除相同的。
2023-03-15 11:27:15
2692
程序员简历模板.docx
2023-02-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人