ant-design-vue
Monday617
这个作者很懒,什么都没留下…
展开
-
vue3 +antdesign-vue 中 v-for踩坑记录
最近再使用v-for的时候,踩了一个坑,这坑平常可能基本不会遇到,但是我就刚好遇到了这个坑。利用v-for循环的数组中,所有的变量都会与a-input的v-model:value绑定,v-for的key值恰好又是使用的这些变量绑定的。当时这个问题在这个页面有好几处都出现了,经过对比代码发现都有一个共同点,就是v-for中key绑定的变量和a-input中v-model:value绑定的变量是同一个,最终经过测试,确定了就是这个原因。这个错看的人真的很迷茫!原创 2023-02-18 11:18:59 · 251 阅读 · 0 评论 -
ant-design-vue a-form 无法校验自定义组件
## 问题背景项目中有一个需求,利用form表单校验表单内部值是否合法,当时需要校验一个自定义upload组件上传文件,按照官方文档的方式绑定对应的变量,校验官方input、select等组件都是能够成功的,但是校验自定义的upload组件却始终无法生效。当时使用版本为 "ant-design-vue": "^3.0.0-beta.7"。form表单无法主动校验自定义组件,需要由组件内部通知外部form表单进行校验。原创 2023-02-18 10:59:29 · 857 阅读 · 0 评论 -
ant-design-vue grid导入和使用不生效
在初次使用ant-design-vue UI框架时,当时有个功能需要用到栅格布局,然后从UI库中全局导入Grid组件,但是当使用a-row和a-col的时候却未生效。UI组件引入的方式不对,只引入了Grid组件,还需要引入Row和Col组件原创 2023-02-18 10:44:26 · 541 阅读 · 0 评论 -
vue-class-component中变量响应式丢失
我在使用 ant-design-vue 中的 a-tree 时,遇到过这样一个问题,在自定义 tree node时,在每个 node 中都加入了一个 a-checkbox,但是当我点击 checkbox 时,checkbox 并没有发生选中或者取消选中,就像完全没有点击他一样。通过 console.log 打印出来的数据结构,只有最外层的对象是 Proxy 对象,而内部的变量都不是 Proxy 对象。解构数组,可使内部变量都变为 Proxy 对象,恢复响应式。原创 2023-02-12 16:36:22 · 160 阅读 · 0 评论 -
基于 ant-design-vue 中使用 a-textarea 时阻止默认行为
最近在开发项目时,需要实现一个类似客服的对话框,在输入框中输入信息点击回车后发送,发送完毕后清空文本框使文本框显示设置的placeholder,但是每次按下回车后文本框内容清空,却会触发换行,导致不能显示placeholder信息。原创 2023-02-12 11:41:40 · 738 阅读 · 0 评论