随笔分类 -  vue3+ts+vant4

摘要：前言： 本地环境为了解决跨域的问题做了请求代理，然后部分接口请求平均三四百毫秒，导致部分接口访问卡顿严重，如下图： 解决方案： 开启代理连接复用即可，代码如下： //vite.config.ts { server: { open: true, port: 3000, host: "0.0.0.0", 阅读全文

摘要：如题，定义一个全局函数$showLoading，可以正常使用，但IDE报异常了，创建类型声明文件就可以了。 在 src 目录下创建 types 文件夹，然后创建 shims-vue.d.ts 文件： // src/types/shims-vue.d.ts import { ComponentCust 阅读全文

摘要：前言： 折腾了n个小时才搞定，这个在vue2中不显眼的功能到了vue3中没想到成为了拦路虎。借助于AI一遍一遍的尝试各种方案，最终敲定了路由守卫beforeEach中保存组件滚动位置到store，页面的onActivated中读取滚动位置并进行恢复。 实现思路： 路由守卫beforeEach中保存滚 阅读全文

摘要：使用vue2还是vue3? 对于使用vue2还是vue3的争论一直在持续，个人对于这个问题也纠结了好久。 最近使用vue3+ts重构了现有vue2项目的几个主要的页面，也试着重写了一些比较复杂的功能，发现目前使用vue3的的最大障碍是生态不够完善，相较之下写法上的不适应就不算什么了。 如果你做的项目 阅读全文

摘要：前言： 在AI的协助下，捣鼓了好一会儿才搞定，遇到了配置persist单词拼错的，也有main.ts文件没配的，最后一步步排查所有问题才搞定了。这里就贴下所有相关的配置，也希望其他网友些博文的时候留意一点，尽量把所有相关的配置都写上，有时候关键的东西漏一点都够人排查好久的。 需要安装的插件： npm 阅读全文

摘要：虽然已经配置了自动引入，但Vant 4 的closeToast是从vant/es/toast中导出的，而不是单独的close-toast模块。所以，使用的时候还是要手动引入的，加上如下代码就好了： import { closeToast } from 'vant/es/toast'; 引入close 阅读全文

摘要：前言： 这是vant4官方推荐的按需引入方式，对于自动引入的描述，官方是这么说的： 相比于常规用法，这种方式可以按需引入组件的 CSS 样式，从而减少一部分代码体积，但使用起来会变得繁琐一些。如果业务对 CSS 的体积要求不是特别极致，我们推荐使用更简便的常规用法。 虽然是这么说，但常规的使用imp 阅读全文