vue

vuex 中不经意的错误 在 vuex 使用过程中，可能会遇到一个令人困惑的错误，类似于 console.log(error) 显示下图： Uncaught TypeError: Cannot read properties of undefined (reading ‘sub’) 令人费解的是，这…

在 vue3 响应式源码中，使用 reflect.set 为什么需要先赋值再返回才能解决更新问题？ 在 vue3 的响应式源码中，set 拦截器负责处理对象属性的更新。使用 reflect.set 时，需要先赋值再返回，才能避免以下更新问题： 考虑下面代码： const animal = react…

在 vite 中获取公共文件夹下的所有文件名 在使用 vite 管理的 vue 3 项目中，有时我们需要访问放置在 public 文件夹中的文件。其中，可能有多个子文件夹包含不同的类型文件。为了方便管理，我们可能需要动态地获取某个文件夹下的所有文件名。 我们可以使用 vite 提供的 import.…

在 vite vue.js 项目中获取特定文件夹中的文件列表 在使用 vite 的 vue.js 项目中，您可能需要从 public 目录下的特定文件夹中获取所有文件的文件名。这可以通过以下方式实现： 目录结构： ├── favicon.ico├── folder1│ └── file1.txt└─…

利用 vite 的 import.meta.glob 获取 public 目录文件 在使用 vite 的 vue 3 项目中，获取 public 目录下特定文件夹的所有文件名非常重要。本文将介绍如何使用 vite 内置的 import.meta.glob() 方法高效地完成此任务。 使用 impor…

当vue中有需要从数组的name属性中找到某个特定词条时，我们需要通过处理得到此期望的数组。 首先，运用映射函数map()创建name属性值数组，再运用连接函数join()将这些值连接为一个字符串。以此字符串调用indexOf()查找特定词条在其中首次出现的位置。 如果查找结果不为-1时，代表在该特…

Vue 3 数据编辑页返回列表页后数据不刷新的解决办法 在 Vue 3 中，当从数据编辑页返回列表页时，有时会出现列表页数据不刷新的问题。这个问题通常是由组件缓存引起的。 解决办法： 检查是否给 router-view 加了缓存：确保 router-view 没有设置 cache 属性，或者使用 k…

vue-material-year-calendar 插件中 activedates.push(dateinfo) 后日历未显示选中状态问题解答 在使用 vue-material-year-calendar 插件时，有时可能会遇到点击日期后日历上不显示选中状态的问题。根据官方文档，将日期 push …

在 vue3 响应式系统中 reflect.set 的用法 在 vue3 的响应式系统中，reflect.set 用于设置对象的属性值，使其能够触发依赖的更新。然而，开发者在自行编写源码时发现，直接返回 reflect.set 的结果会导致某些更新问题。 问题背后的原因 当使用 reflect.se…

如何实现所有月日显示的日历中，选定某天的底色变亮？ 在需要展示日历的场景中，可能需要根据用户的选择，对特定日期进行高亮显示，以突出其重要性。那么，对于所有月日都显示的日历，使用什么组件可以轻松实现这一需求呢？ vue.js 开发者推荐： 如果使用 vue.js 框架进行开发，社区推荐使用 vue-m…