Vue3
明天又会在哪里
这个作者很懒,什么都没留下…
展开
-
vue3中ts全局声明再.vue文件中显示no-undef
vue3全局声明的ts类型在.vue文件中提示no-undef原创 2023-02-23 09:38:33 · 1147 阅读 · 1 评论 -
vite项目删除node_modules目录之后重新启动很慢
通过包vite-plugin-optimize-persist解决二次编译很慢原创 2022-03-25 09:28:39 · 932 阅读 · 1 评论 -
vue3中ref获取dom的方式(包含for循环)
如何在Vue3中通过ref获取dom元素,这里说一下我遇到的情况和使用方式情况一:只是单纯的获取某个dom元素这种情况比较简单,直接在js中通过ref定义一个和html中元素上ref相同名字的变量即可例子:<template> <div class="box" ref="boxRef"> box </div></template><script lang="ts" setup>import { onMount.原创 2022-03-10 12:10:21 · 6657 阅读 · 9 评论 -
关于Vue3+ts父组件调用子组件方法
Vue3中通过ref进行元素绑定然后就可以获取到元素,这个不用多说,但是我们需要通过父组件调用子组件的时候还需要进行一定的配置参考:https://juejin.cn/post/7025985645877133348先将子组件方法导出我们需要在子组件中先通过defineExpose方法将父组件需要调用的方法进行导出,如此才能将该方法挂载到子组件实例上defineExpose({ clearAllErrors })通过TS进行定义声明如果使用了ts,我们需要在定义的时候通过InstanceT.原创 2022-02-24 18:17:20 · 5062 阅读 · 0 评论 -
ts报错元素隐式具有 “any“ 类型...
元素隐式具有 “any” 类型,因为类型为 “string” 的表达式不能用于索引类型 “{…}”这个错误也是挺恶心的我是参考了一下这篇文章:解决 元素隐式具有 “any“ 类型…解决思路首先定义一个新的接口,如下图所示然后让报错的接口继承自信定义的接口接口...原创 2022-02-16 16:21:18 · 11133 阅读 · 0 评论 -
element-plus按需引入el-table不能滚动的问题
重新开启了新的项目,这次按自己的想法,使用了vite+ts+element-plus的技术方案,但是在使用element-plus的table组件的时候,发现table的滚动失效了这个问题在网上找了半天也没发现有解决方案,element-plus github中有人提过这个问题也没有给出解决方案,看样子只能自己解决了element-plus el-table滚动失效解决方案由于是按钮加载el-table,所以element-plus自动引入的时候并没有引入滚动相关文件el-scrollbar.cs.原创 2022-02-15 14:23:49 · 1667 阅读 · 0 评论 -
vitejs+ts+vue3 ESlint配置
vitejs+ts+vue3 ESlint配置首先在项目中安装eslintnpm i -D eslint然后配置package.json中的scripts命令"scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build", "serve": "vite preview", "lint": "eslint --init"},然后运行npm run lint进行原创 2022-01-22 12:15:12 · 1174 阅读 · 0 评论 -
vite-plugin-eslint缓存导致eslint一直报错的问题
解决方案如果你使用了vite-plugin-eslint,那就很可能是vite-plugin-eslint的缓存问题这时我们可以将vite-plugin-eslint的缓存关闭即可背景准备通过vitejs+vue3+ts进行项目开发,开发之前eslint肯定是必须的,所以就跟着网上的一些教程配置了一下eslint一切似乎都很美好,项目可以正常运行,eslint也可以发挥作用但是当我代码运行过程中出现eslint错误之后,不管怎么重新运行都会一直报错,哪怕我把错误已经修复了出现这个问题之后,我原创 2021-12-02 23:41:46 · 8010 阅读 · 1 评论 -
vue3 setup单文件组件中配置inheritAttrs
vue3使用setup单文件组件这种形式的时候,有的属性配置不能使用这时需要进行配合普通的script进行配置参考vue3官方文档:与普通的<script> 一起使用原创 2021-11-27 21:46:02 · 6204 阅读 · 1 评论 -
Vue3中自定义指令监听元素尺寸变化
vue对元素的宽高变化看了一下,基本都是用的定时器解决的,刚好看到JS的一个属性方法,可以专门监测元素的尺寸变化CDN地址:https://developer.mozilla.org/zh-CN/docs/Web/API/ResizeObserver实现代码如下directives: { resize: { mounted(el, binding) { // 这里使用debounce防抖处理,防抖的延时时间可以通过自定义指令的参数传过来,如`v-resize:300`表示300m.原创 2021-10-28 16:07:45 · 5234 阅读 · 0 评论