目录 前言 参考文章 正文 1.打包前的配置工作 做反向代理的原因（Vue项目打包后Proxy失效的问题）： 内存溢出导致打包失败 参考文章 第一步：执行命令安装内存扩展插件 fix-memory-limit 第二步：执行fix-memory-limit脚本 第三步：执行打包 2.Nginx使用 前言 突发灵感想学习下打包，第一反应是学习webpack，翻找一通后发现用不着webpack，因为vu…
在前端开发中，为了更好的用户体验，在头像上传时会先将图片显示到页面然后点击保存按钮 完成图片的上传成功 代码部分有参考他人的写法。 html代码： 请上传图片 js代码： //实时显示该图片在页面 great(){ document.getElementById('saveImage').onchange = function () { var imgFile = this.files[0]; v…
Vue动态组件 文章目录 Vue动态组件 一.背景 1.v-if动态加载 2.v-show动态加载 二.动态组件 1.动态组件实现 2.keep-alive 状态保持 2.1 被keep-alive缓存组件特点 2.2 keep-alive的更多属性设置 2.2.1 include 包含 2.2.2 exclude排除 2.2.3 max 允许最大缓存的数量,默认无限制 一.背景 Vue 中提供有…
vue项目中引入moment依赖方式(配置显示年月日时间格式) 时间格式效果展示 : 2022-05-04 操作步骤: 一. 在项目根目录下, 下载moment依赖 下载命令 npm i moment 二. 在想要引入的.vue文件下,进行引入 在scripti标签中引入moment import moment from "moment" 三. 在script标签中配置过滤器filters中的函数…
现在这个项目用的是umi4+vue3，之前一直用是的umi+react，所以想换下vue来开发，这个项目算是第一次使用vue，因为用umi习惯了，所以还是用它，加上umi4也支持vue了，umi4的配置有点不一样了，所以与vue3一起都是摸索着开发。 我放了一个umi+vue的 demo 在github上，大家可以看看。 下面还是开始讲我是怎么添加iconfont上的图标的。 首先，打开在icon…
一、项目环境 用springboot做后端框架，Vue作为前端框架，实现前后分离，nginx作为代理服务器，cordova对Vue进行打包成APP。 二、Vue实现跨域，区分开发环境和生产环境的后台访问路径 1.新建globalApi.js，js中加入如下代码 //声明变量 let BASE_URL=''; //判断当前运行环境 if (process.env.NODE_ENV === "deve…
写在前面 目标：使用Vue3.0全家桶，搭建一个简单的应用，加强Vue3.0全家桶的使用。 本文相关文档 Vue3.0官方文档： https://vue3js.cn/docs/zh/ Vue CLI官方文档： https://cli.vuejs.org/zh/ 1. 安装 Vue CLI Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔…
vuex页面刷新数据不保留，解决方法（转） 今天这个问题又跟页面的刷新有一定的关系，虽然说跟页面刷新的关系不大，但确实页面刷新引起的这一个问题。 场景： VueX里存储了 this.$store.state.PV这样一个变量，这个变量是在app.vue里通过接口获取然后存储在vueX里的，在路由activity.vue中，我们需要用到这个变量，并且通过这个变量的值来控制路由页面里某一段dom元素的…
前言 小可爱们是不是还在为画Canvas 而烦恼，是不是心烦各式各样的分享图如何快速生成。 使用 Vue Canvas Poster 你可以用简单的css属性按照一定的规范画出Canvas图。比如你可以写一段文字，给它设置大小颜色对齐方式，你也可以画出一张图片，设置如何裁剪，你甚至可以画出渐变的矩形，给它设置边框，圆角。 Vue Canvas Poster 简单CSS属性画 Canvas 图 概述…
今天在项目新添加了个页面，发现报错 ERROR Failed to compile with 1 errors11:30:22 This relative module was not found: * ./NavMenu.vue in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=s…