VUE
文章平均质量分 67
头上一片天空
头顶一片天空, 心中一个想念。
展开
-
vue3路由使用createWebHistory部署访问404问题 vite部署访问404问题
默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上例如。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在,则设置 base需要配置 为/demo/这个问题只有 路由模式为才会出现,如果使用的是这样的路由则不会出现。原创 2024-08-23 16:53:53 · 411 阅读 · 0 评论 -
在 Vue3 +Vite环境中使用.env 环境配置文件
在 Vue3 +Vite环境中使用.env 环境配置文件# 1、安装 dotenv```npmnpm install dotenv --save```# 2、项目根目录创建 .env相关环境配置文件`.env.development` 开发环境配置文件`.env.production` 生产环境配置文件示例创建一个 `.env.development` 开发环境配置文件内容这里要注意,环境配置变量名必须是要 `VITE_` 开头的才会被扫描然后暴露出去,在 Vue原创 2023-12-09 11:49:57 · 1632 阅读 · 0 评论 -
vue整合Echart图表柱形图 动态容器大小 饼形图vue使用柱形图 vue使用 echart图表柱形图饼形图 vue使用柱形图饼形图实现 容器大小根据浏览器屏幕大小变化,异步加载数据
V简单使用Echart图表柱形图 饼形图vue使用柱形图 vue使用 echart图表柱形图饼形图 vue使用柱形图饼形图Vue简单使用Echart图表柱形图 饼形图vue使用柱形图 vue使用 echart图表柱形图饼官方文档:https://echarts.apache.org/zh/option.html#title官方在线示例:https://echarts.apache.org/examples/zh/index.html2、 柱形图2.1 页面Demo2.2 效果图3.2 效果图原创 2023-11-10 14:57:10 · 387 阅读 · 0 评论 -
Vite + Vue3 使用cdn引入依赖 vite cdn vue3 cdn vite引入cdn
打包出来的才是CDN引入,本地开发走的还是NPM本地包引入, 所以先使用 NPM方式引入,在改为CDN方式,改为CDN不需要动。插件针对的是生产环境CDN引入,本地开发环境还是需要 NPM 的。这个文件不需要动,因为。原创 2023-09-20 16:52:37 · 2169 阅读 · 1 评论 -
最简单 实现 Element-ui el-table的懒加载表格数据 el-table懒加载请求数据 element-ui 懒加载
/ 判断当前行 属性 'lazy' 是否 等于 undefined, 等于 undefined 就请求后端加载数据 才加载日志数据。'荷兰优质淡奶,奶香浓而不腻''荷兰优质淡奶,奶香浓而不腻''荷兰优质淡奶,奶香浓而不腻''荷兰优质淡奶,奶香浓而不腻''荷兰优质淡奶,奶香浓而不腻''江浙小吃、小吃零食''上海市普陀区真北路''江浙小吃、小吃零食''上海市普陀区真北路''江浙小吃、小吃零食''上海市普陀区真北路''江浙小吃、小吃零食''上海市普陀区真北路''江浙小吃、小吃零食''上海市普陀区真北路'原创 2023-08-25 17:58:21 · 4221 阅读 · 0 评论 -
vue引入cdn Vue 优化Vue引入 cdn vue cdn Vue优化引入CDN vue 项目 CDN优化
请检查 引入的时候 组件名称是否 是 CDN资源中的别名。那么这个教程不适合!这个只适合Vue版本为。把 需要依赖引入的代码全部去掉了 , 例如。, 一般是在 public 文件夹下。原创 2023-03-04 12:23:26 · 3028 阅读 · 1 评论 -
Element-ui 表格合并行 elemen合并行 element-ui 合并行 表格合并行
【代码】Element-ui 表格合并行 elemen合并行 element-ui 合并行 表格合并行。原创 2023-03-01 11:32:29 · 482 阅读 · 0 评论 -
vue-element-admin 更改侧边栏样式 更改 vue-element-admin 侧边栏样式 vue-element-admin 导航栏样式修改 vue-element-admin修改
【代码】vue-element-admin 更改侧边栏样式 更改 vue-element-admin 侧边栏样式 vue-element-admin 导航栏样式修改 vue-element-admin修改。原创 2022-12-12 09:27:59 · 2733 阅读 · 1 评论 -
Java RSA加解密 Java 实现 rsa加解密Java加解密 java 实现RSA加解密Java 前后端 rsa RSA 加解密 Java vue rsa加解密 java rsa 加解密
【代码】Java RSA加解密 Java 实现 rsa加解密Java加解密 java 实现RSA加解密Java 前后端 rsa RSA 加解密 Java vue rsa加解密。原创 2022-11-24 18:03:52 · 626 阅读 · 0 评论 -
JS多条件过滤数组 js多条件筛选对象数组 js多条件查询数组 vue多条件过滤查询数组 js多条件筛选查询数组
JS多条件过滤数组 js多条件筛选对象数组 js多条件查询数组 vue多条件过滤查询数组 js多条件筛选查询数组。需求是 多个条件在已有的数组筛选过滤数据,如果要做成动态过滤的话,需要将源数组数据拷贝一份,可能会耗性能。原创 2022-09-21 12:20:00 · 961 阅读 · 0 评论 -
vue 打包桌面应用 pwa应用 Vue PWA tauri Tarui + Vue 打包 成 桌面应用 vue打包成桌面应用 vue 部署 桌面应用 vue部署为桌面应用 vue部署 为 桌面应用
以上的 Electron 配置 - package.json 、main.js 都只是基础配置, 如果 还需要更改应用图标等配置请参考 官方文档,部分 配置 需要实际去配置,不然就会出现 请求 后端出现 跨域、路由之类的问题(没出现就不需要管)原创 2022-08-04 15:47:22 · 4841 阅读 · 9 评论 -
vue-element-admin 动态路由 vue-element-admin 配置 动态路由 vue-element-admin 实现 动态路由 vue-element-admin自定义路由
建议刚开始开发先别实现这个功能,因为这个功能后续实现很简单很快,等全部功能开发好,直接把路由。这一步是最后一步,拿到vuex保存的当前用户菜单JSON数组,实现动态路由。登录成功后,逻辑代码写在哪个方法都可以,这两个方法都是处理登录成功后的操作。这一步作用是把用户的菜单json信息保存在vuex中。,路径src/store/modules/user.js。信息保存到数据库直接就可以用了。调用的是login接口。调用的是info接口。...原创 2022-07-23 10:22:45 · 10479 阅读 · 6 评论 -
element-ui 表格滚动栏 无效 失效 element-table 滚动栏失效 element表格滚动栏失效 解决 element -表格 滚动栏 不见失效 解决 表格滚动栏失效
滚动栏只有细细的一条线,根本看不见, 这个问题不知道是怎么出现的,有帖子说是因为固定列造成的, 有帖子说是 列文字溢出造成的。插件,因为这个插件套的就是 element-table组件,不需要额外代码,原装使用。可是这些问题我都没有出现,一开始项目是有滚动栏的,不知道从什么时候开始就变没了。不然 当前页面样式无法穿透到 element表格源css。我使用的比较多的就是。原创 2022-07-19 11:27:24 · 6529 阅读 · 0 评论 -
解决 vue 多层级路由 缓存失效 解决基于 keep-alive 的多级路由缓存问题 vue keep-alive 缓存失效 vue-element-admin多层级路由 缓存失效
首先keep-alive是在Layout上进行处理,如果不缓存Empty,则Empty下面的页面将无法被缓存,如果缓存Empty,又会导致Empty里面的所有页面都被缓存,无法按需清除,相信接触过的肯定感同身受其中的大坑。这里需要注意,路由配置还是保持多级嵌套的形式,而这个配置并非最终注册使用的路由,仅仅是提供侧边栏导航菜单使用,同时再生成一份用于动态注册路由的数据,图例如果没看明白的话,可以看下面两组数据。进行显示了,所以在处理路由数据的同时,也需要处理面包屑导航的信息。...原创 2022-07-15 12:05:47 · 4077 阅读 · 1 评论 -
Element-Ui 下拉框 下拉到底 事件
示例:// 创建Vue自定义事件 /** 自定义下拉框下拉到底事件 */ 'el-select-loadmore': { bind(el, binding) { const SELECTWRAP_DOM = el.querySelector( '.el-select-dropdown .el-select-dropdown__wrap' ); SELECTWRAP_DOM.addEventListener('s原创 2022-04-14 10:42:06 · 1556 阅读 · 0 评论 -
vue优化 VUE部署优化 vue优化 vue性能优化 vue 性能 优化 vue 部署 优化 cdn优化
可以将请求缓存起来,并且可以同时将页面全部缓存起来,可以达到 哪怕网络断掉了,还能正常使用,效果和使用原生app一样,网页如果没有网络 是打不开的,有了 server-worker支持,会将所有页面缓存起来,哪怕某个页面没有打开过,也是可以正常打开,和原生安卓一样,无网络也可以正常用,只是没有数据而已 ,实现 离线使用。如果 项目页面多、列比较多、页面比较复杂,搜索千万不要写成这样, 单独用一个表单用于搜索条件,我之前就是这样写的,把搜索条件直接写到表头列上面,页面比较多了之后,整个页面特别卡顿。原创 2020-11-30 10:41:10 · 956 阅读 · 1 评论 -
解决Vue 路由跳转后会滚动到底部
找到 src-> router -> index.js 路由脚本// 加入代码 scrollBehavior (to, from, savedPosition) { // 解决路由跳转后 会滚动到底部 if (savedPosition) { return savedPosition } else { return { x: 0, y: 0 } } },...原创 2020-11-19 10:40:06 · 1609 阅读 · 0 评论 -
VSCode 配置Vue 脚手架环境 vscode 配置 vscode 配置 vue 环境 vscode插件 vscode必备插件 vue插件
开始配置电脑node环境配置VUE 脚手架环境以及配置VUE项目VSCode 配置配置电脑node环境前往 node.js 安装 电脑对应版本的node Node.js下载 长期支持版,用的人多,应该稳定吧安装好后 ,windows,进入cmd 输入 node -v 验证是否安装成功,Linux 则打开终端输入 node -v输入 node -v后会出现 安装的node版本号,安装成功配置VUE 脚手架环境以及配置VUE项目配置 脚手架环境:安装node.js后在cmd或者vscod原创 2020-11-10 12:22:56 · 23741 阅读 · 4 评论