![](https://img-blog.csdnimg.cn/direct/55e8bd2896264c31a4b3db962ecf2f7e.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue相关插件以及知识点集合
Angus-zoe
人生苦短,及时行乐
展开
-
vue+ELementPlus上传文件判断大小
打印形参file看看里面有size这个属性表示文件大小这个数值对应(n*1024*1024 n表示m)中upload组件上传文件限制文件大小,需要在该组件的on-change这个API中做处理。2、on-change这个Api中。原创 2024-03-15 10:23:03 · 571 阅读 · 1 评论 -
vue3动态路由+页面刷新丢失路由+再次加载路由
注:这里会衍生出一个问题,第一次登录的时候,路由信息没加进去,会跳404,所以这里需要做一个判断,判断路由to.matched这个去哪里的路由信息数组有没有数据,没有就再次添加动态路由信息,还有这块需要添加一个全局标识isAddAgain是否需要重新加载路由。动态路由添加后,每次刷新页面空白,这是因为刷新后路由守卫没再次走一遍,这里就需要在App.vue里面做判断,重新添加路由信息并跳转刷新前路由。目前路由只有静态的页面,我们需要做动态路由,需要在路由守卫router.beforeEach中添加。原创 2024-03-14 09:30:00 · 2919 阅读 · 2 评论 -
vue3+vite打包后动态路由页面vue文件资源加载失败
动态路由页面引入并不是像静态引入一样写在router.ts文件中,所以在打包的时候,这些vue文件被忽略了,没有打包过去,所以加载失败。后面的地址是一个模板对应你前端的文件路径。例如:我前端对应的路径。在router.ts文件中写入。原创 2024-03-12 11:22:58 · 2053 阅读 · 1 评论 -
vue3项目安装pinia+持久化
3、在store文件夹中创建modules文件夹(这里做模块化,里面的文件用于保存不同数据)2、在store文件夹中创建index.js文件。1、在根目录下创建store文件夹。原创 2024-02-26 10:53:50 · 419 阅读 · 1 评论 -
vue项目生成二维码
在这个示例中,你可以在输入框中输入文本,然后点击按钮生成相应的二维码。qrcode 库的 toDataURL 方法用于将文本转换为数据 URL,然后通过 Vue 绑定将生成的数据 URL 显示为图片。在Vue 中使用 qrcode 库生成二维码,你首先需要安装该库。然后,你可以在你的 Vue 3组件中使用这个库。更多属性用法可以去官网查看试试。原创 2024-01-31 13:35:58 · 1201 阅读 · 0 评论 -
vue3+Element-Plus密码框小眼睛显示
思路:给输入框右侧一个插槽,内容为icon图标,通过点击图标控制输入框的类型来达到密码显示与否的效果。原创 2024-01-22 16:12:11 · 1401 阅读 · 1 评论 -
vue3项目引入富文本编辑器
vue3项目引入富文本编辑器以及工具配置原创 2024-01-17 16:01:39 · 3053 阅读 · 0 评论