vue
文章平均质量分 52
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 评论 -
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 评论 -
Vue3 + Directive input元素绑定指令后,在指令中更新input value,v-model未生效
v-model未生效其实(:value绑定的变量未更新)其实就是在指令中改变输入框value时未触发“@input”事件,导致v-moel未生效。可利用dispatchEvent方法收到触发input事件,使v-model生效,更新变量。原创 2023-01-17 17:31:31 · 2810 阅读 · 0 评论 -
vue3 + vite + ts import type时 does not provide an export named ‘xxx‘
我最近再使用vite构建vue + ts项目时,出现找不到导入的类型,而代码却未提示报错,在dev或build时却会出现报错,所以将这个坑发出来避免大家踩坑却找不到原因。解决方法:在导入类型前面加上type,目前还没时间找原因,为什么不加type会报错。不过这样做确实能够解决这个问题。目前这个方法能够在dev或build时,找到对应的类型,能够解决以上问题。原创 2023-01-16 16:53:31 · 2816 阅读 · 0 评论 -
基于vue构建lib + 类型声明文件
1.通过vue-CLI构建lib2.利用Vue-tsc生成类型声明文件,使项目引用是可以根据引用吗进行提示原创 2022-11-19 21:46:51 · 2672 阅读 · 2 评论