- 博客(64)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 VBen Admin 实战：身份证号自动填充出生年月
技巧说明直接修改表单其他字段值字符串转日期格式化从身份证号截取生日字段禁止手动编辑派生字段value?判断身份证号长度再解析formModel可以在任意字段的onChange中修改其他字段的值，实现联动效果。📌作者：只道寻常💡技巧：VBen Admin 表单联动，用formModel就行！
2026-03-20 18:38:54
199
原创 VBen Admin Select 选择框选中后仍然显示校验错误提示的解决方案
VBen Admin框架中Select选择框必填校验问题解决方案 问题描述：当Select选择框设置为必填项时，用户选择选项后校验提示依然存在，点击保存按钮也无法消失。 原因分析：这是由于Ant Design Vue默认校验触发时机为change，在异步加载数据的场景下，校验状态更新不及时导致的。 解决方案：在表单项配置中添加itemProps.validateTrigger: 'blur'，将校验触发时机改为光标离开时触发。 关键点： validateTrigger必须放在itemProps而非compo
2026-03-19 14:00:34
363
原创 小米 MiMo-V2 系列正式发布：国产AI大模型再掀波澜
小米 MiMo-V2-Pro 的发布，标志着国产AI大模型正式进入全球第一梯队优势说明🏆 性能强劲全球第8，超越 Claude Sonnet 4.6💰 价格实惠仅为 Claude 的 1/5📈 上下文超长支持 100万 tokens🛠️ Agent 能力强复杂工作流可靠执行🇨🇳 国产之光中国排名第2访问地址📌本文作者：只道寻常| 首发日期：2026年3月19日MiniMax 配置 OpenClaw 全流程OpenClaw 常用命令详解。
2026-03-19 09:24:00
825
原创 OpenClaw 配置企业微信机器人完整教程
✅ 在企业微信管理后台创建应用并获取凭证✅ 在 OpenClaw 中配置企业微信渠道✅ 重启 Gateway 并验证✅ 测试发送和接收消息按照本文档操作，通常 5-10 分钟即可完成配置。参考链接企业微信管理后台：https://work.weixin.qq.com/OpenClaw 官方文档：https://docs.openclaw.ai/WeCom 插件文档：https://github.com/openclaw/wecom-openclaw-plugin。
2026-03-18 17:33:28
670
原创 MiniMax 一键部署 OpenClaw 全流程指南
🤖 支持多种 AI 模型（MiniMax、OpenAI、Claude 等）💬 支持多种通讯平台（钉钉、微信、Telegram、Discord 等）🛠️ 强大的自动化能力（文件管理、浏览器控制、定时任务等）🔒 本地部署，数据安全✅ 注册 MiniMax 账号并订阅 Coding Plan✅ 获取 API Key 和 Group ID✅ 一键安装 OpenClaw✅ 配置 MiniMax 模型✅（可选）配置钉钉机器人✅ 测试和使用整个过程通常只需要 10-15 分钟！
2026-03-16 11:18:47
426
原创 MiniMax 配置 OpenClaw 全流程教程
M2.5- 旗舰文本模型，性能对标 GPT-4M2- 高性能模型M1- 基础模型海螺语音- AI 语音生成视频生成- AI 视频生成能力在 MiniMax 平台注册并获取 API Key获取 Group ID在 OpenClaw 中配置 MiniMax provider重启 Gateway 并验证配置完成后，你就可以使用 MiniMax 强大的 AI 能力了！参考链接MiniMax 官网：https://platform.minimaxi.com/
2026-03-16 11:13:37
1575
原创 OpenClaw 钉钉机器人配置完整教程
在钉钉开发者后台创建应用并发布获取凭证信息（AppKey、AppSecret 等）在 OpenClaw 中配置钉钉渠道重启 Gateway 并验证按照本文档操作，通常 5-10 分钟即可完成配置。如果有问题，欢迎在评论区留言讨论！
2026-03-16 11:10:24
735
原创 OpenClaw 常用命令详解：从入门到进阶
OpenClaw 提供了丰富的命令行工具，涵盖了从配置、消息发送、定时任务到插件管理的各个方面。熟练掌握这些命令，可以让你高效地使用 OpenClaw 作为个人 AI 助手。建议先从开始配置，然后尝试查看状态，逐步探索更多功能！参考文档。
2026-03-16 11:06:31
62
原创 小学生的题：求桌子多高
根据图中的信息，我们可以得到两个方程：h+a−bh+b−a=11（左图：桌子高度 + 坐猫高度 - 趴猫高度 = 11）=7（右图：桌子高度 + 趴猫高度 - 坐猫高度 = 7）。设桌子的高度为 h 厘米，坐着的猫高度为 a 厘米，趴着的猫高度为 b 厘米。把这两个方程相加：(h+a−b)+(h+b−a)=11+72h=18h=9。
2026-01-23 16:44:27
147
原创 基于 Vue3 的智能电梯模拟器实现与优化
智能电梯模拟器是一个基于 Vue3 框架开发的 Web 应用，用于模拟电梯的运行逻辑和用户交互。通过这个模拟器，用户可以直观地了解电梯的调度算法、状态变化以及用户体验优化方案。本项目不仅实现了基本的电梯控制功能，还通过精心设计的 UI 界面和流畅的动画效果，提供了接近真实电梯系统的操作体验。本项目基于 Vue3 框架实现了一个功能完善、体验良好的智能电梯模拟器。通过 LOOK 调度算法实现了电梯的智能调度，通过精心设计的 UI 界面和动画效果提升了用户体验。
2025-11-24 15:37:05
1049
原创 Vue 3 + Ant Design Vue 打造高度通用的动态可编辑表格
通过这种配置化的方式，我们将一个特定的业务组件提升为了一个通用的 UI 框架。现在，无论你的业务是管理 “资质”、“技能” 还是 “联系人”，都可以复用同一个组件，只需编写相应的配置即可。这极大地提高了开发效率，减少了重复代码，并使得维护变得更加容易。这个通用组件还可以进一步扩展，例如支持更多的表单组件类型（如checkboxradiotextarea等）、更复杂的联动逻辑或更自定义的单元格渲染。
2025-11-21 16:16:53
479
原创 Vue3 中 ECharts Tooltip 无法显示？问题根源与解决方案
Vue3 中 ECharts Tooltip 无法显示的核心问题是使用ref深度代理 ECharts 实例，导致其内部事件机制失效。通过将ref替换为shallowRef，既能保持实例的响应式引用，又不会破坏其内部结构，是最简单高效的解决方案。在 Vue3 中集成第三方库时，需注意响应式 API 的选择：复杂实例用shallowRef，普通数据对象用refreactive，避免因响应式代理引发的隐性问题。
2025-11-21 15:59:39
713
原创 vben里使用其他图标
本文档提供了vben组件中图标使用的参考资料链接。主要包括:1)Jeecg官方图标使用指南;2)Icones图标库网站;3)Iconify图标设计平台。用户可通过这些链接获取图标名称,直接在项目中复制使用。文档简洁明了地列出了三个实用的图标资源网站,方便开发者快速查找和使用图标组件。
2025-11-11 11:01:11
150
原创 解决pnpm build打包报错
摘要：该报错提示在配置文件中存在异步生成器函数转换问题，原因是当前环境不支持转换到目标版本（es2015）。解决方案是在vite.config.ts文件中添加配置：重新定义应用配置，设置构建目标为es2020，并添加生产环境下的console和debugger清理功能。通过调整构建目标和覆盖默认配置来解决异步生成器函数的兼容性问题。
2025-11-04 11:23:13
279
原创 vue3 + echarts 实现多折线图
摘要：本文实现了一个基于ECharts的双线图表组件，支持动态数据更新和响应式布局。组件通过props接收数据(data)和配置项(option)，使用watch监听数据变化自动更新图表，并添加窗口大小改变事件监听实现自适应调整。组件采用Typescript开发，包含完整的生命周期管理，在销毁时释放图表资源。图表配置包含提示框、图例、XY轴样式和两条不同颜色的折线，可通过参数控制图表高度，默认200px。该组件可复用性强，通过简单引入即可在页面中展示趋势对比数据，支持自定义高度和标题等配置。
2025-11-03 16:10:03
273
原创 vue3 + echarts 实现横向柱形图
这是一个基于Vue 3和ECharts实现的水平条形图组件。组件具有以下特点：1）支持自定义高度、柱形颜色和X轴分割线颜色；2）包含悬浮提示框功能，显示数据名称和值；3）响应式布局，自动适应窗口大小变化；4）右侧显示数据标签；5）采用双series实现条形和标签分离。组件通过props接收数据源，数据格式为包含name和value的对象数组。使用时只需传入data和height等参数即可快速生成美观的水平条形图。组件还实现了数据变化监听和资源释放功能。
2025-11-03 16:04:32
283
原创 css不同尺寸图片不缩放
<divv-for="(item, index) in list":key="index"class="img"> <img :src="item" alt="" /></div>//css .img { width: 500px; height: 500px; img { width: auto; height: auto; max-width: 100%.
2022-03-08 14:41:34
765
原创 ant-vue 在原有table基础上动态添加列
result = data.map((item, index) => ({ title: item[0], dataIndex: item[0], align: "center", customRender: (text, record, index) => record.list[item[0]], }));
2022-02-28 10:59:13
1976
原创 vue预览图片
<div v-for="(item4, index4) in item2.imageUrls" :key="index4"> <a-row type="flex" justify="space-between"> <a-col :span="3" class="contentImg"> <img :src="item4" @click="handlePreview(it.
2022-02-28 10:57:05
610
原创 v-for遍历时在遍历后的数据后面加上符号处理
<span v-for="(item1, index1) in list" :key="index1"> <span >{{item}}</span> <span v-if="index1 != list.length - 1" :key="`${index1}_1`" >、</span >..
2022-02-25 13:18:11
646
原创 同级组件传值或者一个组件根据另个组件值变化刷新页面
vueBus1、实例化一个vueBusimport Vue from 'vue'const bus = new Vue()export default bus 2、在需要传值页面使用import vueBus from '@/utils/vuebus' vueBus.$emit('key',vue)3、接受值改变的页面import vueBus from "@/utils/vuebus";mounted() {vueBus.$on("key", function
2022-02-23 19:06:23
265
原创 ant-vue a-tree-select相关
1、递归遍历后端数据满足组件要求 handleTreeData = (treeData) => { let treeData: any = []; treeData.map((item) => { let treeObj: any = {}; treeObj.title = item.orgName; treeObj.value = item.orgId; treeObj.key = item.orgId; it
2022-02-22 18:44:47
1278
原创 ant-design-vue 点击弹窗外的区域不关闭弹窗
1、官方组件自带点击弹窗区域外关闭弹窗2、点击弹窗区域外关闭弹窗不关闭属性为：:maskClosable="false"例如 <a-modal :title="title" :width="500" :visible="visible" :maskClosable="false" :confirmLoading="confirmLoading" :destroyOnClose="true" @cancel="handleCance
2022-02-21 10:26:46
5599
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人