- 博客(57)
- 收藏
- 关注
RSS订阅原创 Ant Design Vue V1.7.8版本，a-input 去空格
本文总结了在Vue2.6+Ant Design Vue V1.7.8项目中实现输入框自动去除空格的几种方法。第一种是全局监听input事件，但存在苹果输入法兼容问题；第二种是针对单个输入框处理，提供了三种具体实现方式：1) 使用v-model时通过@input事件处理；2) 使用v-decorator时通过getValueFromEvent属性处理；3) 结合v-decorator和自定义校验规则处理。这些方法解决了旧版本Ant Design Vue缺少.trim()功能的问题，可根据实际场景选择适合的实现
2025-12-17 09:30:46
318
原创 a-input-number 添加后缀
摘要：本文介绍了在Vue2.6+ant-design-vue 1.7.8项目中为a-input-number组件添加后缀"KW"的方法。通过添加span标签和自定义CSS样式实现后缀显示，并提供了隐藏输入框右侧上下箭头的解决方案。作者参考了CSDN网友的思路，最终实现了类似原生input组件后缀的效果。文章包含代码示例和效果图对比，展示了修改前后的变化。
2025-11-19 10:11:56
244
原创 el-row 和 el-form 使用，不在同一行的样式修复
使用 Element UI 的 el-form 和 el-row 布局时，若遇到输入框与 label 不对齐的问题，关键在于必须为 el-form 设置 label-width 属性。当 label 文字过长时，可在 el-form-item 上单独设置 label-width。代码示例展示了如何通过设置 label-width="120px" 实现两栏（各占12列）的整齐布局，确保输入框与 label 保持在同一行。
2025-10-24 09:14:06
184
原创 a-input输入框，苹果电脑（MAC）输入法的输入Bug
在Vue2+Ant Design项目中，全局input事件监听导致Mac系统中文输入异常。当连续输入中文（如"珠海"）时，显示为拼音而非汉字，单字输入则正常。问题源于main.js中全局监听input事件去除空格的代码，注释后问题解决。该事件监听原本用于处理Ant Design和Element UI输入框的空格过滤，但影响了Mac系统的中文输入法行为。建议移除或优化该全局事件处理逻辑。
2025-09-27 09:39:11
382
原创 ant-design a-table 的展开行（expandedRowRender）的基本使用
文章摘要：本文介绍了在ant-design Vue 1.7.8（适配Vue2）中实现表格展开图标的条件控制。通过expandIcon插槽，使用v-if判断当行数据不是"合计"且存在子数据时，才显示展开图标。关键点包括：必须调用props.onExpand方法才能正常展开数据，且无需在methods中定义。文中还展示了嵌套表格的实现方式，通过expandedRowRender插槽渲染子表数据。
2025-09-04 10:07:07
445
原创 ant-design a-from-model的校验
摘要 在使用ant-design-vue 1.7.8开发表单时遇到一个下拉框校验Bug：当先通过弹出框选择赋值后，再手动选择下拉框时会出现校验失败。问题出现在违章代码选择组件中，该组件通过弹出框和下拉框两种方式赋值。修复后解决了校验逻辑冲突问题。表单采用a-form-model实现，包含循环生成的多个表单域，涉及问题编号、类别、隐患等级等字段，其中违章代码字段具有联动校验逻辑（当"是否违章"选择"是"时才必填）。
2025-08-13 19:44:30
397
原创 QuotaExceededError: Failed to execute ‘setItem‘ on ‘Storage‘: Setting the value of ‘sessionObj‘ exce
QuotaExceededError: Failed to execute 'setItem' on 'Storage': Setting the value of 'sessionObj' exceeded the quota.
2025-04-11 22:54:42
1093
原创 移动端H5应用，使用了postcss-px-to-viewport插件，750设计稿兼容Vant框架
目前在搞一个移动端的H5项目，使用的是Vue3+Vant框架。设计稿是750的，而且使用了postcss-px-to-viewport。所以发现使用Vant框架的时候，发现有点问题，好像缩小了，后来百度了一下，是需要设置portcss.config.js。下面是代码：报错时候的配置：使用下面这个。
2024-06-30 11:39:58
837
原创 ElementUi中el-table组件使用row-class-name修改指定行颜色
el-table 组件使用 row-class-name
2024-05-11 17:54:41
1668
原创 javaScript Object.assign()的用法
Object.assign() 静态方法将一个或者多个源对象中所有可枚举的自有属性复制到目标对象，并返回修改后的目标对象。
2024-04-10 10:49:38
687
原创 Element-UI el-row 排版样式错乱
Element-UI el-row el-col 配合el-form 表单使用，造成样式的错乱。
2023-10-30 16:22:57
1890
1
原创 element-ui form表单的动态rules校验
在vue 项目中，有时候可能会用到element-ui form表单的动态rules校验，比如说选择了哪个选项，然后动态显示或者禁用等等。我们可以巧妙的运用element-ui form表单里面form-item想的校验规则来处理（每一个form-item项都可以单独校验）。
2023-07-24 16:04:34
2557
原创 vscode 输入@ 代码提示
vscode 在输入@ 代码提示，可以提示src下的文件，要在vue 项目中新建一个.json文件（jsconfig.json）
2023-07-19 09:23:30
323
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人