分类:vue

vue开发笔记

vue项目生成项目结构

vue项目生成项目结构
vue项目开发完成后,我们可能需要生成项目结构,这里我们来实现项目结构的生成。 使用插件 mddir mddir 是一个用于自动生成文件目录结构的工具,它可以将目录结构输出为 Markdown 格式,这样便于在文档中展示文件和文件夹的组织结构。使用 mddir 可以快速生成包含...

yekong 1年前 (2023-12-28) 喜欢

vuex 缓存指定数据到本地24小时

vuex 缓存指定数据到本地24小时
数据大屏开发中,需要将vuex数据进行缓存,但是又不是永久缓存,而是只缓存24小时,这里将实现代码记录下来。 vuex 缓存token 24小时 const state = { token: localStorage.getItem('token') || null, t...

yekong 1年前 (2023-12-25) 喜欢

vue3 element-plus 组件修改实例汇总

vue3 element-plus 组件修改实例汇总
vue3 项目中,我们会用到element-plus来实现我们想要的效果,比如搜索,比如表格,比如分页等。但是element-plus默认样式并不能满足我们的需要,所以我们需要对组件的样式进行二次修改以满足我们的需要,这里将二次修改的实例汇总到一块,以方便我们快速应用。 vue3...

yekong 1年前 (2023-12-23) 喜欢

vue3 element-plus el-table 表格自定义背景图

vue3 element-plus el-table 表格自定义背景图
数据可视化大屏 项目开发中,需要实现表格效果,这里我们使用的是vue3 element-plus el-table,我们通过css来进行二次调整实现我们想要的自定义样式效果。 组件代码 <div class="tableListInner"> ...

yekong 1年前 (2023-12-23) 喜欢

vue3 element-plus el-input el-date-picker 自定义样式

vue3 element-plus el-input el-date-picker 自定义样式
数据可视化大屏项目开发中,表格顶部会有一些查询条件,比如名称日期等。 会需要用到日期选择以及输入框这里我们使用的是element-plus el-input el-date-picker,不过插件默认的样式并不是我们想要的,我们需要对样式做二次调整,以实现我们想要的效果。 实例...

yekong 1年前 (2023-12-23) 喜欢

vue项目中使用百度地图js生成地图

vue项目中使用百度地图js生成地图
数据可视化大屏项目中经常会使用到百度地图,今天我们实现在vue项目使用使用百度地图。 在以前的数据大屏中,我们使用的是vue2 使用百度地图插件vue-baidu-map和vue3 vite项目使用百度地图插件在vue2和vue3项目中我们都是使用的封装的vue插件来实现我们想要...

yekong 1年前 (2023-12-22) 喜欢