- 博客(223)
- 收藏
- 关注
RSS订阅原创 elementui tabs动态渲染+锚点滚动定位
到这里都没问题，滚动和锚点定位出现问题：在视图渲染的时候所有的tab对应下方dom在初始化的时候都进行了创建，也就是上方tab的显示隐藏没有联动下方dom，导致tab无法一个对应的关系，现在锚点出现错乱问题。我这里解决办法：把对象属性isShow为true（显示）重新组成新数组，组成tabs数组结构，然后下方dom通过上方一个ref属性 找到对应关系进行锚点展示。第一版：tab是固定的，然后点击不同tab定位当前tab下内容进行展示，滚动鼠标滑轮上方tab高亮定位是某个tab下的内容。
2025-09-08 09:39:10
508
原创 vue2前端mock h5扫码签字图片上传，websocket通信获取回传图片地址，再web端进行展示
vue2前端mock h5扫码签字图片上传，websocket通信获取回传图片地址，再web端进行展示
2025-08-26 15:08:41
463
原创 vue2使用element中多选组件el-checkbox-group，数据与UI更新不同步
vue2使用element中多选组件el-checkbox-group，数据与UI更新不同步
2025-05-27 17:06:57
790
原创 vuejs处理后端返回数字类型精度丢失问题
之前以为只有id这种LONG型长度不够的时候，会有精度丢失问题，后端会把返回的数据类型从数字改为字符串，解决此类问题。现在是这种5.00的数据类型vue再渲染的时候也会自动处理，再不改变后端数据类型的情况下，前端可以手动修改一下，保证和后端返回的数据格式一致。
2025-05-20 14:22:50
634
原创 vue element使用el-table时，切换tab，table表格列项发生错位问题
doLayout需要注意的事项：我这里是通过组件使用的table组件，涉及多层组件封装问题，所以找这个根组件ref找到doLayout方法的时候需要注意写法<el-tab-pane label="统计" name="first"><leftTable<el-tab-pane label="明细" name="second"></el-tabs>// 其中leftTableRef是el-table的ref// 切换 tab请求接口// 其中rightTableRef是el-table的ref。
2025-04-24 10:24:24
735
原创 前端上传大文件，后端报错Content-Type ‘application/octet-stream‘ is not supported【解决】
【代码】前端上传大文件，后端报错Content-Type ‘application/octet-stream‘ is not supported【解决】
2024-11-11 14:45:30
3184
原创 js数组中元素转为对象形式
var params = [];var info= { "uid" : "21", "url" : "https://wx-dev-image.wanxue.cn/WEB/basic-manager/company/image/20220520/f1fd9d784ccd45b39417178acb3b30a6.jpg", };console.log(info);params.push(info);console.log(params);var params = [];var inf
2022-05-20 16:59:53
1202
原创 vue获取循环dom节点
<template> <div v-for="(item, i) in programmeList" :key="item" class="special-l-one"> <span class="special-l-one-name" :ref=" (el) => { if (el) specialNameArray[i] = el; } " &g
2022-05-11 17:49:18
1960
原创 element input输入只能为数字问题
需求：只能输入数字问题：这种写法 能限制只能输入数字，其他字符不能输入，但是如果输入中文字符之后，v-model绑定的值不再更新了，再次输入的数字字符不再绑定到当前值上<el-input v-model.number="ruleForm.comment" clearable maxlength="5" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入排序值(最大值99999)" ref='inputTes
2022-04-21 10:30:07
2015
原创 正则使用花括号
1.花括号使用描述：在正则表达式中 {} 是一个量词, 常用来一个或一组字符可以重复出现的次数.[0-9]{4,4}[0-9]{2,4}[0-9]{2,3}如上，三个例子可以看出1.表达式 [0-9]{4,4} 匹配 四 位 0-9 之间的数字.2.表达式 [0-9]{2,4} 匹配 二到四 位 0-9 之间的数字.3.表达式 [0-9]{2,3} 匹配 二到三 位 0-9 之间的数字.注意花括号左侧数字必须小于右侧{5,3}量词范围有问题...
2022-04-19 14:55:37
3340
原创 link[rel=“icon“]
设置站点信息setSiteInfo() { const url = window.location.host; siteApi(url).then((res) => { const resData = res || {}; this.siteInfo.siteLogo = resData.frontEndLogo; this.siteInfo.siteName = resData.frontEndName; this.siteInfo.siteDefaultN
2022-04-12 14:39:42
1242
原创 element input正则校验输入数字且小数点后只能输入2位
<el-input v-model="data.score" clearable οninput="value=value.replace(/[^1-9]{0,1}(\d*(?:\.\d{0,2})?).*$/g, '$1')" placeholder="请输入指标分值" size="small" />
2022-04-02 10:44:10
3211
1
原创 typescript 中 [propName: string]的使用
其他没有使用的属性名 可以统一使用[propName: string]: number | string | boolean | Array<string>;定义类型 属性值的类型是把所有的类型都展示interface DataState { id: number | string; createTime: number; commentUserAvatar: string; commentDeleted: boolean; commentUserNam
2022-01-17 17:58:00
2967
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人