在项目中通过 declare namespace 来声明命名空间我在这里创建了一个global.d.ts文件，在该文件中声明了Menu命名空间，这样就可以在全局使用Menu类型了，无需import引入

如果数值过长，会造成精度丢失，前端用任何转换处理都会造成精度丢失问题。例如下图中的数值转字符串，最后得出的结果精度还是丢失所以最好是原始值就是字符串，这样精度才不会丢失

arco.design自带的a-color-picker色彩选择器有bug，暂时不能用于生产环境该选择器打包时会报错，提示未找到a-color-picker的css样式文件，如果有用到色彩选择器的地方，请选择其它替代方案。

generate(color: string, options: Object); 参数详情：1、要生成的渐变颜色的索引(从1开始)options.index {number | 1-10}

a-scrollbar本身要添加overflow: auto，宽高尽量沿用父级 {代码...} 这个属性此外还需要设置outer-class外部类名 {代码...} 外部类名要设置overflow: auto; {代码...} a-scrollbar内部尽量保证一个根节点注意若在做滚动布局的时候，滚动条溢出或不显示完全，亦或者滚动条不显示，需要确认一下父级元素有没有设置overflow...

@keyup.enter.native事件不生效问题当一个 form 元素中只有一个输入框时，按下回车则会刷新页面，此时需要在 el-form 上添加 @submit.native.prevent 来阻止默认行为

上图的代码会造成操作栏错乱，其实造成错乱的根本原因是因为设置了fixed="right" ，但是这个属性在操作栏上又是必不可少的，所以只能从其它方面找问题。

原因： 如果你的form表单内只有一个input输入框，按下回车后会默认触发页面刷新解决： 在el-form上添加@submit.native.prevent阻止默认事件即可 @submit: 表单提交 .native 绑定系统原生事件 .prevent 提交以后不刷新页面

本篇文章为日常功能点，在日常开发中经常碰到这个需求话不多说直接上代码： {代码...} {代码...} 你只需要给table上添加selectable方法，然后在该方法内判断勾选的id是否存在即可

两种方式配置1、直接使用icon，vitepress支持的icon请看链接：sociallinks2、使用svg自定义图标，icon内部配置svg，svg直接以代码的形式写入。

原因：没有添加.gitignore，导致提交节点过多，报错解决：添加.gitignore即可 {代码...}

路径 {代码...} {代码...}

在docs\.vitepress\config.mts文件中进行配置themeConfig配置项中添加search：provider: "local"即可开启全局模糊搜索，搜索本地文档数据

这种打包报错实际上是缺少对应文件，由于electron在打包时会下载资源，有些资源需要科学上网，所以正常打包网速过慢会导致资源丢失。像上图报错，很明显是丢失winCodeSign-2.6.0资源，所以我们需要去下载对应资源资源下载链接：[链接]进到这个网站后找到报错提示所需要的资源包，这里找到winCodeSign-2.6.0下载，下载完...

这种报错是ico资源文件出错导致的，可以看看gitHub对此问题的解释：[链接]上图中打包的logo.ico资源文件格式不对，看起来资源文件后缀是.ico实际上是png格式，你有可能是在一些网站将png转换为ico，它没有被正常的转换为ico，只是将资源文件的后缀更改了，在electron打包的时候就会报错，提示资源有问题。需要找到一个能...

原因：在组件外使用pinia了，所以导致没有正确缓存如果正确缓存，控制台会打印store安装完毕的提示我在项目使用了i18n，导致在router.beforeEach之前使用pinia了(服务端使用)，也就是官网所说的，组件外使用pinia。具体代码如下：

当你需要将一个vue项目打包成electron时，只需要正常的安装electron依赖、electron-builder依赖，正常的配置好主进程、预加载脚本、渲染进程即可。

我们一般使用electron-builder对electron项目进行打包，在package.json中配置打包的详细操作 {代码...} package.json中的详细字段解释： {代码...} 运行打包命令 {代码...} 目录中会生成dist文件夹，内部就打包的产物

官网：[链接]安装依赖初始化package.json {代码...} 安装依赖 {代码...} 安装报错解决方案：[链接]1、打开npm的配置文件 {代码...} 2、在空白地方添加淘宝镜像，下面三个（缺什么补什么，但要是同一个公司单位的镜像） {代码...} 手动配置完重新安装即可 {代码...} 启动一个简单的项目1、修改package.json文件中的main与...

watch可以直接监听ref类型的数据，如果监听reactive会黄字警告你需要将reactive解构出来监听 {代码...} 关于监听数据的问题，这篇文章有写：[链接]watch中调用异步函数会报错，如果你想在watch中调用异步函数，需要设置 flush: 'post' {代码...} 监听props {代码...} 监听计算属性computed {代码...} 一个页面可以写多个...

原理：Vue Router在实现matched数组时，主要是通过递归匹配路由的方式来获取当前路由及其父路由的信息。当导航到某个路由时，Vue Router会从路由配置中找到匹配该路径的路由记录，然后逐级向上遍历父路由，直到找到根路由为止，将所有匹配到的路由记录组成一个数组，这个数组就是matched。具体来说，实现matched数组的过...

用户登录成功后查询用户信息接口：getInfo普通用户信息：超级管理员信息：permissions：按钮权限标识roles：角色标识user：用户信息然后将getInfo的信息存储到Pinia，用于全局获取

在项目中可能会出现这种情况，明明引入了RouteRecordRaw类型，但是却无法使用，ts提示不能将命名空间“RouteRecordRaw”用作类型。ts(2709)

注意点：1、computed具备懒计算的特性，当依赖数据改变时，属性并不会立即重新计算，只有之后其他地方需要读取属性的时候，它才会真正计算。

在 Vue 3 中使用 router.addRoute(route) 动态添加路由后，路由的匹配信息（即 matched 数组）可能会显示为空。这是因为路由的匹配信息是惰性更新的，只有在路由跳转时才会重新计算。

入完成后，需要生成签名，签名需要通过SecretId、SecretKey来生成SecretId、SecretKey生成：腾讯云控制台进入云控制台后，点击新建密钥：获取到密钥后，通过密钥生成签名：

在写动态列表时，需要给动态列表上添加 :row-key='xxx' ，否则列表会因为数据修改而重复渲染，导致列表闪烁，即使修改的值与列表的data无关，有时候也会出现未知的闪烁。

如果我们想在项目中动态引入icon，类似与这样：在官网中，有这么一句话：Arco图标是一个独立的库，需要额外引入并注册使用。这意味着，arco中的所有icon默认不是全量引入的，你只能手动引入单个icon并使用

来到这个页面，你就可以自定义主题了，如果在颜色里面修改了对应的色值，那么在下面组件的定制时时可以实时预览效果的。这里可以看到当前主题应用的arco.design版本以及当前主题库的npm包名

报错信息：打包开发环境预览提示报错：404，页面白屏原因是没有找到静态资源，在vite.config.ts中base基础路径的问题如果你是开发环境打包，运行以下命令：npm run build:dev

在vue3中获取this {代码...} 注意：该方法只能在函数外部获取，函数内部获取会报错，例如： {代码...} 解决： {代码...} 参考文章：vue3中使用 getCurrentInstance

在TS的项目中，TS最终都会被编译JS文件执行，TS编译器在编译TS文件的时候都会先在项目根目录的tsconfig.json文件，根据该文件的配置进行编译，默认情况下，如果该文件没有任何配置，TS编译器会默认编译项目目录下所有的.ts、.tsx、.d.ts文件。实际项目中，会根据自己的需求进行自定义的配置，下面就来详细了解下tsconfig...

computed是计算属性，它依赖计算属性设置的属性值，computed的值会被缓存，只有属性值变化了computed才会再次调用并计算它们。computed不能异步操作，因为计算属性是通过return返回值传递参数，异步操作的时候return是没有意义的。

我们通常会再vue.config.js中配置全局的baseUrl，但在项目中总有一些特殊接口需要单独处理，这种接口跟全局baseUrl无关，它可能是三方接口。https接口调用时可能会发生跨域问题。此时需要在vue.config.js中配置devServer，新增独立url的跨域配置

也就是说，我们所有的属性都在app.config.globalProperties这个上面，可以基于此封装一个全局的globalProperties，如下：

最近碰到一个问题，在vue3项目中页面正常跳转，而且跳转成功，控制台没有任何报错提醒，但是页面显示空白，手动刷新浏览器后页面恢复渲染。从下面的截图可以看出来，页面根本就没有渲染，并且没有触发页面的任何生命周期函数。原因：我在页面的第一行 template 下加了一行注释，导致页面无法正常渲染！把第一行注释删掉...