- 博客(83)
- 收藏
- 关注
RSS订阅
原创 前端-element输入框-input的一些限制(只能输入正整数和0，或者只能输入数字不可以汉字字母)，禁止输入特殊字符等
那你就用 onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))"那就用这个onkeyup="value=value.replace(/[^\-?\d.]/g,'')"，不能输入汉字和字母。input输入框只能输入正整数和0。如果是正数负数0，包括小数都可以。
2023-05-26 09:54:26
10716
原创 高德地图API使用~Web开发~从创建到具体功能展示
如果你不想要这个原颜色，或者你做的大屏是其他颜色的，在高德地图API中打开控制台-找到自定义地图-你可以自己设计，也可找你的ui小姐姐给你设计，更甚至掏钱买他们现成的模板，选中点击分享，复制模板样式的id到代码中。在上面的for循环里面修改图片样式即可，也不一定非得用这一个图片，它遍历的每一项就是一个点嘛，所以你可以根据位置啊或者其他的来给他放不一样的图片。这个时候你会发现我们创建的图标，太大了，不符合我们的预期，所以我们接下来应该，修改图片大小----下面是具体代码，直接cv到我们刚刚的地图下面即可。
2023-03-31 10:54:48
9358
2
原创 优化树形组件展示：如何优雅地隐藏“空子节点”提示
在处理树形结构数据时，我们经常会遇到这样的场景：当一个节点时，许多UI组件库（例如 Element UI、Vue Treeselect 等）会默认显示一个诸如 “No children” 或 “No sub-options” 的提示信息。对于追求简洁界面和直接展示数据的项目来说，这个默认提示可能显得多余。。今天介绍一个简单而有效的解决方案：利用组件提供的 normalizer函数对数据结构进行“瘦身”。
2025-12-19 14:51:19
237
原创 Element UI表格中根据数值动态设置字体颜色
我们有一个温度监控系统，需要展示温度偏差值：正偏差值（高于标准温度）显示为红色负偏差值（低于标准温度）显示为蓝色零或空值显示为默认颜色。
2025-10-09 15:55:20
261
原创 解决el-select因为弹出层层级问题，不展示下拉选
el-select v-model="queryParams.name" placeholder="请选择名称" clearable filterable="" size="small"添加popper-class="select-down-open"这个样式一定不能写到scoped里面，不然会失效。弹窗里面加了下拉框，但是展示不出来，
2025-10-09 10:09:08
323
原创 show-overflow-tooltip使用当内容过多不展示...
如图，都加了width和show-overflow-tooltip。但是有的展示..有的不展示，最后发现是。多嵌套一层div，去掉就好了。
2025-08-22 15:40:39
444
原创 Dialog 对话框有滚动条，第一次滚动到下面，再次打开还是在下面问题的解决
在dialog里面加上 :destroy-on-close="true"，每次关闭dialog的时候都销毁里面的元素，既可以保证每次打开弹出层都在最上面。
2025-05-09 10:06:57
316
原创 关于elementui el-radio 赋值问题
也就是说如果你的版本太低，就不能用value，而得用label，于是修改。点击的时候，同时选中。
2024-11-07 14:11:51
1246
原创 若依小程序使用及遇到的问题
★一定要有 unpackage文件夹 如果没有的需要到HBuilder X 编译一下，编译之前 要在微信小程序开启端口号 设置 - 安全设置 - 打开端口号，打开 HBuilder X 编译一下 第一次编译会下载插件，编译完成以后就会出现一个文件夹 unpackage。在 project.config.json 新增指定 app.json 路径。1、首先去官网拉取小程序代码，从HBuildx运行到小程序。这个时候项目起来了，但是小程序发生了报错；
2024-08-19 15:06:13
743
1
原创 小程序获取当前位置getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json
* 小程序特有相关 */
2024-08-19 15:05:36
531
原创 修改element-ui日期下拉框datetimePicker的背景色样式
如图： 放到assets里面间一个scss文件 main.js引用即可全局使用
2024-07-01 11:22:40
3121
原创 ElementUI样式优化：el-input修改样式、el-table 修改表头样式、斑马格样式、修改滚动条样式、
表格部分js部分添加} else {// 表格斑马自定义颜色。
2024-06-28 14:59:29
4641
原创 对input输入框的正则限制
正则： html： 如图： 三、0-100允许一位小数如果保留两位小数以此类推。。。三位： const reg = /^[-]?[0-9]+(\.[0-9]{1,3})?$/;
2024-06-18 15:22:14
712
原创 Cannot read properties of undefined (reading ‘init‘)报错
出现这个报错是印象项目没有引echarts包。npm i echarts 下包。然后在main.js中引入。
2024-05-15 13:36:47
649
原创 echarts柱状图实现左右横向对比
其实是两组数据，其中一组数据改为负数，然后 在展示的时候，在将负数取反。这里数据如果初始为正，先便利一遍加负号。第二处修改数据，转负为正。
2024-05-06 15:39:52
2052
原创 el-slider属性详解
在 Vue.js 中使用el-slider组件，通常是来自 Element UI 库。这个滑块组件具有多个属性，可用于配置其行为和外观。目前是这个样子html部分js部分。
2024-05-02 18:09:38
2688
原创 小程序中的生命周期函数
小程序中的生命周期函数用于监听页面的生命周期事件，开发者可以在这些函数中编写相应的逻辑，以便在页面生命周期的不同阶段执行特定的操作。
2024-04-25 18:47:26
970
原创 CSS详解（一）
行内元素可以通过设置内外边距（margin）、边框（border）和填充（padding）来调整其周围的间距和外观，但这些属性对行内元素的影响通常是垂直方向上的，水平方向上的影响有限。根据元素的属性值来选择元素。例如，[href] 选择具有 href 属性的所有元素，[title="example"] 选择 title 属性值为 "example" 的所有元素。选择某个元素的直接子元素。CSS 选择器允许你定义多个样式规则，这些规则可以根据选择器的优先级和特定的层叠规则来应用于元素，从而形成最终的样式。
2024-04-24 19:08:32
1127
原创 node.js常用指令
这意味着该包将被列在 package.json 文件的 devDependencies 部分，并且在项目中被认为是开发环境的依赖项，如测试框架、构建工具等。这意味着该包将被列在 package.json 文件的 dependencies 部分，并且在项目中被认为是生产环境的依赖项。：安装并将包信息保存到 package.json 文件中的 devDependencies 中，通常用于开发环境依赖。：安装并将包信息保存到 package.json 文件中的 dependencies 中。
2024-04-07 14:39:14
774
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人