Monday617-CSDN博客

原创 Event Loop——setTimeout、setInterval、Promise、nextTick

同步和异步任务分别进入不同的执行环境，同步的进入主线程，即主执行栈，异步的进入任务队列 (Event Queue，机制为先进先出)。微任务是指在当前任务执行结束后立即执行的任务（只有当没有运行中的执行上下文且执行上下文堆栈为空时才能执行微任务）。异步任务是指不进入主线程，而是放在任务队列中等待执行的任务，只有当任务队列中的任务可以执行了，才会进入主线程开始执行。同步任务是指在主线程上排队执行的任务，只有当前面的任务执行完之后，才会执行下一个任务。

2024-06-17 21:25:32 151

原创 InfoWindow 两种绑定方式

使用百度地图时，在地图上打开了InfoWindow，在打开InfoWindow的时候地图重新设置了中心点。导致在地图内容发生变化时InfoWindow自动关闭了，需要再次点击打开InfoWindow。

2023-09-14 20:28:49 172 1

原创 Ng-Zorro Extends TooltipDirective

在项目中，由于支持了国际化，导致语言为英文时，部分文字会超出元素。故有些地方需要使用“…”方式来截断文字并显示气泡，当没有截断文字时不显示气泡，ng-zorro原生tooltip无法支持，需要继承该指令并自定义逻辑。

2023-09-14 13:46:45 189 1

原创 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 273

原创 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 931

原创 ant-design-vue grid导入和使用不生效

在初次使用ant-design-vue UI框架时，当时有个功能需要用到栅格布局，然后从UI库中全局导入Grid组件，但是当使用a-row和a-col的时候却未生效。UI组件引入的方式不对，只引入了Grid组件，还需要引入Row和Col组件

2023-02-18 10:44:26 610

原创 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 172

原创基于 ant-design-vue 中使用 a-textarea 时阻止默认行为

最近在开发项目时，需要实现一个类似客服的对话框，在输入框中输入信息点击回车后发送，发送完毕后清空文本框使文本框显示设置的placeholder，但是每次按下回车后文本框内容清空，却会触发换行，导致不能显示placeholder信息。

2023-02-12 11:41:40 825

原创 Vue3 + Directive input元素绑定指令后，在指令中更新input value，v-model未生效

v-model未生效其实（:value绑定的变量未更新）其实就是在指令中改变输入框value时未触发“@input”事件，导致v-moel未生效。可利用dispatchEvent方法收到触发input事件，使v-model生效，更新变量。

2023-01-17 17:31:31 2993

原创 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 2982

原创基于vue构建lib + 类型声明文件

1.通过vue-CLI构建lib2.利用Vue-tsc生成类型声明文件，使项目引用是可以根据引用吗进行提示

2022-11-19 21:46:51 2765 2

jiaweiliao的博客