- 博客(3)
- 收藏
- 关注
RSS订阅原创 鸿蒙UI开发之表单组件（TextInput/Checkbox）数据绑定与验证
border({ width: 1, color: this.errorMsg.includes("用户名")?.border({ width: 1, color: this.errorMsg.includes("密码")?.border({ width: 1, color: this.errorMsg.includes("密码")?以注册表单为例，实现用户名、密码、确认密码输入，以及同意协议的多选框，通过双向数据绑定获取输入值，点击提交时进行表单验证，提示错误信息。
2025-12-08 14:00:13
721
原创 关于Object.defineProperty
本文介绍了Object.defineProperty的基础用法及其在Vue2中的应用。主要内容包括：1）基础用法：通过数据描述符和存取描述符为对象添加属性；2）Vue2响应式原理：利用Object.defineProperty实现数据绑定，但存在动态添加/删除属性无法响应式更新的问题；3）解决方案：使用Vue.set/Vue.delete或替换整个对象；4）数组处理限制：只能检测变异方法，无法检测索引修改。文章通过代码示例详细说明了这些概念和解决方案。
2025-09-08 10:06:13
809
原创 V-key的原理及其存在的问题
Vue中使用v-for时，使用index作为key值会导致性能问题和状态错误。当数据顺序变化时，Vue会就地更新元素内容而非移动DOM，导致输入框内容与数据不匹配。正确做法是使用唯一标识（如id）作为key，这样Vue能准确跟踪元素变化，避免上述问题。Vue2会自动添加index为key，而Vue3对key的要求更严格。
2025-08-29 22:07:15
667
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人