vue
zoooooora
佛系记录工作中遇到的问题。
展开
-
VUE3 Animate Css实现动画过渡
VUE3 中使用Animate CSS实现过渡动画原创 2022-07-20 11:15:05 · 753 阅读 · 0 评论 -
ES6 VUE3+Typescript Generate完美解决异步操作同步化
ES6 VUE3+Typescript Generate完美解决异步操作同步化基本理解菜鸟文档里说明的比较清晰啦Generator 有两个区分于普通函数的部分:一是在 function 后面,函数名之前有个 * ;函数内部有 yield 表达式。var Judge = function* () { while (true) { console.log('is True'); yield; console.log('is False');原创 2022-05-30 13:48:14 · 1075 阅读 · 0 评论 -
VUE3 ClickOutSide 设置某个元素不响应
应用场景以前遇到过一个需求。一个按钮触发显示/隐藏一个悬浮框,点击悬浮框其他地方可以触发clickOutSide 事件隐藏悬浮框,所以按钮应该例外。ClickOutSide应该比较常用,下面简单贴一下clickOutSide工具类代码import type { ComponentPublicInstance, DirectiveBinding, ObjectDirective } from 'vue';type DocumentHandler = <T extends MouseEvent原创 2022-05-11 16:45:39 · 1307 阅读 · 0 评论 -
VUE3 Typescript 文件-Base64互转
VUE3 Typescript 文件-Base64互转Base64转图片文件传入urlData是Base64,fileName为转换文件的文件名function base64ToFile(urlData: any, fileName: string) { let arr = urlData.split(','); let mime = arr[0].match(/:(.*?);/)[1]; let bytes = atob(arr[1]); // 解码base64原创 2022-05-11 16:21:11 · 1182 阅读 · 0 评论 -
VUE3+typescript项目之setInterval的坑
## VUE3+typescript项目之setInterval的坑 在做VUE3+typescrpt 项目中,使用setInteval 时的返回值报错问题。 setInterval 的返回值需要定义一个变量来接收,因为typescript是强类型语言。如果直接定义接收类型是number 会报错。 const state = reactive<{ countDown: NodeJS.Timer | null; [key: string]: any; ..原创 2022-04-25 16:16:57 · 3841 阅读 · 3 评论 -
npm does not support node.js
npm does not support node.js今天升级node.js之后发现npm无法使用,那是因为node.js与npm 的版本不匹配,升级npm即可.需要升级到什么版本可以查看以下地址:https://nodejs.org/zh-cn/download/releases/我使用的是6.14.12.如果依然升级失败,可以到C:\Users\ZoraZhong\AppData\Roaming 对应目录下删除npm,npm-cache 文件夹再试一次....原创 2021-05-09 20:36:53 · 403 阅读 · 0 评论