- 博客(13)
- 收藏
- 关注
原创 Vue2 父组件按钮点击调用子组件方法并让父组件按钮转圈
console.error('调用子组件方法出错:', error);// 可以传递结果给父组件。console.log('子组件操作完成');// 返回Promise以便父组件知道操作何时完成。-- 父组件的按钮,点击时调用子组件方法 -->:这样父组件可以使用async/await知道操作何时完成。// 可以在这里处理子组件返回的结果。// 模拟异步操作(如API调用)// 通过ref调用子组件方法。<h3>子组件内容区域</h3>// 子组件方法,执行某些操作。使用await等待异步操作完成。
2025-06-30 10:02:10
513
原创 vben-admin表格滚动条随条数数量自适应,
scroll="{ y: 'calc(100vh - 300px)' }" // 根据页面布局调整。/* 关键属性,允许内容收缩 *//* 让表格填充容器 */
2025-03-17 11:24:44
358
原创 处理vue3结合ant实现输入框输入金额可以保留俩位小数,并且整数部分,有千位分隔符
/ 允许纯小数输入(如".56" -> "0.56")placeholder="请输入金额"// 显示输入中的小数部分(不强制补零)// 处理多个小数点(保留第一个)// 格式化金额(实时显示输入状态)// 处理前导零(允许0.开头)// 解析输入内容(保留小数点)// 保留输入中的小数点。// 处理整数部分千分位。// 保留数字和小数点。// 处理未完成的小数。// 失焦时最终处理。
2025-03-01 16:02:33
697
原创 记录开发过程中要求用户不能记住密码,且浏览器不自动弹出记住密码的确认框
/Input的框的type由password设置为text这样就不会被浏览器捕获,弹出确认框,但是文本模式,密码就没法隐藏,调用css样式来进行变化。//css样式,主要用于wevKit浏览器(Chorm和safari),主要用于隐藏文本框输入的内容,会将输入的文本变成圆点,保护敏感信息。//AEyeOutlined_AEyeInvisibleOutlined是俩个睁眼闭眼的icon图标。//主要是控制css样式达到目的。
2025-02-27 11:25:55
424
原创 Vue3结合ant动态生成整个表单
{ required: row.accttype == '2' && row.margintype == '1', message: '必填项' },-- <a-button type="primary" @click="handleSubmit(index)">提交</a-button> -->{ pattern: /^[^\u4e00-\u9fa5]{8}$/, message: '长度必须等于八位!<DeleteOutlined /> 删除</a-button。placeholder="请选择"
2025-02-26 09:20:03
437
翻译 记录 前端实现查询列表每60秒调用
最后,在beforeDestroy生命周期钩子中,我们检查intervalId是否存在,如果存在,则使用clearInterval函数清除定时器,并将intervalId设置为null。请注意,如果你使用的是Vue 3,并且希望使用unmounted生命周期钩子来清除定时器,你可以将上述代码中的beforeDestroy钩子替换为unmounted钩子。在定时器的回调函数中,你可以使用Vue的axios或其他HTTP库来调用你的接口。intervalId: null, // 用于存储定时器的ID。
2024-12-27 15:20:43
146
原创 前端实现千位分隔符并保留指定小数位
function formatBalance(balance: number) { const prcoessedBalance = String(balance) const [integerPart, decimalPart = ''] = prcoessedBalance.split('.') const processedDecimalPart = decimalPart.slice(0, 2).padEnd(2, '0') let prcoessedIntegerPart = '' let cou
2024-08-22 16:28:01
209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅