vue项目问题集第13页

vue-项目打包、配置路由懒加载

在Vue项目中，打包部署和路由懒加载是两个非常重要的环节。打包Vue项目是为了将源代码转换为浏览器可以解析的JavaScript文件，以便在服务器上部署和用户端加载。

盖盖衍上·2024-01-21 04:12

vue 项目兼容 IE 浏览器

前言:网上找了很多关于vue项目兼容IE浏览器的教程步骤,写的非常详细,但根据我自己的项目,怎么找都没有找到webpack.base.conf.js这个文件,就没办法配置因为vue-cli最新版本原因,

小童姥·2024-01-21 03:49

vue项目build打包遇到的问题

1.npmrunbuild打包项目之后，生成的dist文件里面有被压缩后的static文件跟index.html，直接打开index.html页面是空白的，还会报几个错，找不到页面路径。原因:找到config文件下index.js，全局搜索assetsPublicPath，结果是assetsPublicPath：’/’默认为根目录，而index.html和static是在同一级目录下，因此，解决方

小童姥·2024-01-21 03:19

htmlWebpackPlugin.options.title

vue项目中当你去index.html配置标题名,看见以下这些,可用下面去修改vue-cli3脚手架的项目下，在根目录的vue.config.js中添加如下代码chainWebpack:config=&

白小码·2024-01-21 01:15

【记账本实战】02 添加 Vue Router 路由管理器

添加VueRouter路由管理器对初始化的项目进行瘦身在使用Vite创建一个Vue项目中，我们初始化好了一个Vue项目，我们需要对其进行瘦身，删除一些不会用到的文件。

凌云(mlinyun)·2024-01-21 00:05

【记账本实战】01 使用 Vite 创建一个 Vue 项目

使用Vite创建一个Vue项目三种创建Vue项目的方式创建Vue项目的有以下三种方式：Vue-CliViteWebpackVueCLI现已处于维护模式！

凌云(mlinyun)·2024-01-21 00:35

在vue项目中使用echarts中的dataset制作多维度的柱状图

1.背景公司给我分配了一个任务是做一个大屏项目，类似于监控中心那种。页面内容比较简单，最下面是两个柱状图，柱状图是多维度的，而我也是第一次在项目中使用echarts，记录一下此次过程。2.开始2.1安装echartsnpminstallecharts--save2.2在页面中引入echartsimportechartsfrom'echarts'2.3创建echarts渲染所需要的DOM容器注意：这

趁着年轻吃点苦·2024-01-20 22:11

vue移动端项目中使用postcss-pxtorem进行适配方案

首先，我们先使用vue-cli创建一个初始化的vue项目。vuecreatehello-world当项目创建好以后，我们在根目录下新建一个vue.config.js，想必大家也都懂这个文件是干什么的。

趁着年轻吃点苦·2024-01-20 22:41

vue异步组件和路由懒加载

【插入知识点】vue项目打包的时

赵Wayne·2024-01-20 21:23

vue中使用vw适配移动端

呵呵丶彼岸·2024-01-20 21:36

vue -- 搭建环境，模板语法，数据绑定

用script的方式创造一个vue项目在官网下载vue.js，以如图所示的方式部署image.png创建第一个vue应用Title{{message}}{{name}}varapp=newVue({el

像我这么帅的一般都是主角·2024-01-20 14:30

vue(18)：在vue项目中使用iconfont图标、使用bootstrap图标

使用iconfont图标iconfont官网使用：选择一种图标库将心仪的图标加入购物车选择完毕点击右上角的购物车图标新建或选择一个项目下载到本地（内置完整demo）vue中引入：将下载下来的东西解压放到项目目录，你可以建立一个lib文件夹（个人习惯）如果是用symbol彩色图标，直接在对应的组件import对应路径即可，依赖iconfont.js，不依赖iconfont.css原始图标依赖icon

无知的小菜鸡·2024-01-20 13:18

vue项目开发常用的依赖

声明：这是目前碰到过的，后续还会补充elementuiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库vue-routerVueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。axios用于发起Ajax请求，设置拦截请求和响应等学习文章：axios的基本使用babel-plugin-syntax-dynam

无知的小菜鸡·2024-01-20 13:47

vue项目记录移动端页面浏览位置

描述:假设b、c两个页面需求:b到c页面的时候需要记录当前b的浏览位置，c返回到b的时候滚动到上次浏览的位置实现方法:将滚动距离存在vuex、beforeRouteLeave1.首先在vuex中state定义一个变量来记录当前的浏览的位置//state中定义数据state:{carrerTouScroll:{height:''//滚动的距离}}//mutations操作state数据mutatio

Kiana娜娜·2024-01-20 10:05

vue—电商后台项目

1.Vue项目碰到"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错将项目里的“node_modules”文件夹删除，然后在cmd中cd到项目目录，依次运行命令

盖子pp·2024-01-20 10:41

vue项目如何实现input输入框回车后，触发登录事件

方法一：注释：如果你在elementui的el-input框绑定该事件，是不会被触发的使用@keydown.enter或者v-on:keydown.enter指令来监听输入框按下回车键的事件方法二：注释：此方法可以在el-input输入框中绑定键盘事件使用ref在el-from元素命名登录2.在mounted钩子中添加，通过ref给el-form添加事件，使子元素el-input输入框也可以触发该

^^为欢几何^^·2024-01-20 09:09

vue项目展示pdf文件

记录贴最近我有个需求,就是在h5页面上展示pdf文件,分页,最后一页有个蒙层阴影渐变的效果,尝试过一些插件,但都不是很好用,最后用了pdfjs-dist加上canvas可以看下效果先下载:[email protected]下面展示代码html:js:importworkerSrcfrom'pdfjs-dist/build/pdf.worker.entry'constPDFJS=requi

Miss Stone·2024-01-20 07:45

解决[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“.(这里写自定义目录标题)报错

(这里写自定义目录标题)报错我们公司的vue项目使用element-ui组件，我用Progress组件的时候，报错。我在网上看，说是要加v-if，我也加了，还是报错。

Miss Stone·2024-01-20 07:15

【Vue】vue项目中Uncaught runtime errors:怎样关闭

vue项目中Uncaughtruntimeerrors:怎样关闭一、背景描述二、报错原因三、解决方案3.1只显示错误信息不全屏覆盖3.2取消全屏覆盖四、参考资料一、背景描述项目本来运行的好好，换了个新的浏览器

No8g攻城狮·2024-01-20 07:09

自己配置vue项目

webpack.dev.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');const{VueLoaderPlugin}=require('vue-loader');constESLintPlugin=require('eslint-webpack-plugin');functionge

Miss Stone·2024-01-20 07:38

Github 2024-01-19 开源项目日报 Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目3非开发语言项目3JupyterNotebook项目2TypeScript项目1Kotlin项目1Vue项目1MDX项目1免费编程中文书籍索引创建周期

孙琦Ray·2024-01-20 07:06

webpack打包后引用cdn的js_webpack入门

内容提纲：electron-vue项目中的webpack工程实例思考webpack与gulp/gruntHMRelectron-vue项目中的webpack工程实例从electron-vue项目中的实际使用例子来入手如下是

weixin_39662263·2024-01-20 02:56

Vue项目中使用Cube-UI的Upload组件上传图片 2018-12-23

Vue项目中使用Cube-UI框架制作表单页面遇到的问题在我的使用上来看，Cube-UI的使用上相对其他UI框架较为简单。在项目中遇到了上传图片的问题。实际上也是自己从未遇到过上传图片的需求。

Nic_Y·2024-01-20 02:09

vue项目编译非常慢，经常卡在某个百分点

1、注册插件2、在项目根目录下的babel.config.js文件中加入下方配置3、将import导入方式改为require导入方式，返回promise4、如果动态加载组件import引入组件找不到组件（Error:Cannotfindmodule）使用webpack的require.ensure()方法引入组件，它可以接受变量作为参数，并且可以返回Promise对象

Tongfront·2024-01-19 23:47

SpringBoot项目下集成Swagger

SpringBoot项目2.导入swagger依赖包3.创建swagger配置类4.编写controller进行测试5.启动springboot项目6.浏览器打开7.可以在swagger界面中进行测试两个小问题集成

小江||小廖·2024-01-19 19:36

vue项目直接调用外部链接获取json文件

1.直接使用-axiosaxios.get("https://www.jingqiao100.com/course.json").then(res=>{if(res.data){}2.注意—！！！后端要设置跨域

造糖主义·2024-01-19 16:12

使用 ESLint 在 Vue 项目中进行代码检测与规范

2.在Vue项目中集成ESLint步骤1：安装ESLint步骤2：初始化ESLint配置文件步骤3：安装VueESLint插件步骤4：配置ESLint规则3.在提交代码前执行ESLint检测步骤1：安装

zaijin.yang·2024-01-19 15:52

【vue中文件及文件夹命名规范详细介绍】

vue中文件及文件夹命名规范详细介绍1.介绍2.命名规范3.文件夹名4.路由和子文件夹5.单文件组件的大写字母6.测试文件7.约定性书写1.介绍在Vue项目中，合理的文件和文件夹命名对于代码维护和团队协作非常重要

程序员不想YY啊·2024-01-19 14:43

Nginx 单域名多项目配置汇总

本篇文章为自用nginx多项目配置汇总，涉及Laravel项目/Websocket/Vue项目和Golang项目，基础项目为laravel项目。基础项目配置laravel的nginx配置。

L·S·P·2024-01-19 14:10

王老师的会计电算化课IT问题集锦

机房无法联网，无法登录扣扣，微信如何截图PrtScr键盘上找到PrintScreen键，按一下桌面左下角Win图标用鼠标点一下，输入mspaint，或者调出画图在画图软件中按键盘上的Ctrl+V组合键屏幕图片就贴到了画图软件里，再剪切出想要的内容，可以复制后，黏贴到一个新的mspaint画图软件中最后，将画图软件另存为保存即可文件重命名的快捷键F2任务栏被任务图标铺满现象如下：wsxdream-t

莫扎特不唱摇篮曲·2024-01-19 14:37

vue项目打包成桌面应用并修改图标

目录1.打包为桌面应用2.修改图标3.发现问题：这个打包出来在使用的时候发现里面有些界面样式不兼容，就换了一个打包方式1.打包为桌面应用1.在vux项目的终端执行打包npmrunbuild2.会在项目文件夹里面出现一个dist文件夹里面有这几个文件组成3.在这里需要添加一个package.json文件package.json内容{"name":"鼠标放图标上面的提示文字","version":"1

巨蟹座守护骑士·2024-01-19 13:12

记录electron+vue打包桌面应用程序。

先新建一个vue项目如下：

嗬呜阿花·2024-01-19 13:41

使用Electron将Vue项目打包成桌面应用

q=Electron&spm=1001.2101.3001.70201、Electron安装命令：npminstallelectrong2、Vue项目添加Electron-builder打包工具：vueaddelectron-builderPS

小_U·2024-01-19 13:41

关于在Vue项目中，运用electron打包成web桌面应用的心得浅见

最近的一个vue项目由于有做成桌面应用的需求，在网上找了不少，这一篇介绍electron的很有用：http://blog.csdn.net/j_bleach/article/details/78513282

xjf18250534957·2024-01-19 13:41

Vue：使用electron将Vue项目打包为Windows应用（.exe）

一、下载electron的官方例子进行修改gitclonehttps://github.com/electron/electron-quick-start二、修改路径1.打开vue.config.js中，把publicPath的值"/“改为”./"module.exports={/***YouwillneedtosetpublicPathifyouplantodeployyoursiteunder

Yolo呀·2024-01-19 13:11

前端vue项目存在 vite 如果需要打包成win和mac端 .exe文件的方法用代码实现

要将使用Vite构建的Vue.js项目打包为Windows和macOS平台的可执行文件，可以使用electron-builder进行打包。electron-builder是一个基于Electron的构建工具，可以轻松地将应用程序打包成可执行文件和安装程序，支持Windows、macOS和Linux平台。以下是实现该过程的代码示例：首先，安装electron-builder和electron依赖：n

曲江涛·2024-01-19 13:40

vue项目使用electron进行打包操作

一、设置国内镜像npmconfigedit执行后会弹出npm的配置文档，将以下类容复制到文件末尾。electron_mirror=https://npm.taobao.org/mirrors/electron/electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/二、创建v

春啊春·2024-01-19 13:38

将vue项目打包成桌面客户端实现点击桌面图标直接进入项目

1.下载NW.js下载地址：NW.js官网下载完后zip解压2.文件夹下新建index.htmlindex内容如下：window.location.href='项目地址';3.文件夹下新建package.json文件package.json内容如下：{/**指定程序的起始页面。*/"main":"index.html",/**字符串必须是小写字母或者数字，可以包含.或者_或者-不允许带空格。nam

小吴头大·2024-01-19 13:07

unocss+iconify技术在vue项目中使用20000+的图标

安装依赖npmiunocss@iconify/json配置依赖vue.config.js文件uno.config.js文件main.js文件使用class名是i-开头，跟库名:图标名，那都有什么库？什么图标？在https://icones.js.org/找几个看看记得加i-哦i-库名:图标名效果看，是异步加载svg的图标

美酒没故事°·2024-01-19 13:02

vue项目发版后清理浏览器缓存代码

1、在main.js中清理本地缓存//在main.js中添加以下代码import{version}from'../package.json';window.addEventListener('load',()=>{//获取当前版本号constcurrentVersion=localStorage.getItem('appVersion');//如果当前版本号与最新版本号不一致，则清除缓存if(cu

岳哥i·2024-01-19 11:30

vue项目开发中常用的正则校验

/***@param{string}path*@returns{Boolean}*/exportfunctionisExternal(path){return/^(https?:|mailto:|tel:)/.test(path)}/***@param{string}str*@returns{Boolean}*/exportfunctionvalidUsername(str){constvalid

杨同学a·2024-01-19 11:08

vue3的创建及认识

创建项目使用creat-vue搭建vue3项目2、认识creat-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应3、创建create-vue

香香爱编程·2024-01-19 10:06

vue 不生效打包样式_解决在vue项目中webpack打包后字体不生效的问题

最近在项目开发过程中遇到如下问题：开发环境中设置的字体样式使用webpack打包后到生产环境不生效。如图：打开控制台查看元素样式，发现在开发环境的时候"微软雅黑"被解析成unicode编码并且带着双引号，但使用webpack打包以后，"微软雅黑"的双引号被错误解析并多加了个反斜杠，导致字体不生效。解决方法：尝试了一下去掉双引号，也就是font-family:微软雅黑，这样浏览器并不会把中文字体用u

丞高·2024-01-19 10:50

Springboot项目与vue项目整合打包

我的环境*JDK1.8*maven3.6.0*node环境1.为什么需要前后端项目开发时分离，部署时合并？在一些公司，部署实施人员的技术无法和互联网公司的运维团队相比，由于各种不定的环境也无法做到自动构建，容器化部署等。因此在这种情况下尽量减少部署时的服务软件需求，打出的包数量也尽量少。针对这种情况这里采用的在开发中做到前后端独立开发，打包时在后端springboot打包发布时将前端的构建输出一起

十步杀一人_千里不留行·2024-01-19 10:14

npm run dev 启动vue的时候指定端口

使用的是VueCLI来创建和管理Vue项目，可以通过设置--port参数来指定启动的端口号。

Miraitowa_chole·2024-01-19 09:40

vue初体验(一)

npminstall-gvue-cli全局安装vueinitwebpackproject-name创建一个vue项目cdproje

winterzy·2024-01-19 06:27

vue.js项目中重新加载当前页面的方法

二.解决方法provide/inject的组件组合具体使用方法:1.在前端vue项目App.vue中添加如下代码exportdefault{name:'App',provide(){return{reload

shineyoungBoy·2024-01-19 04:42

关于Vue中使用原生reload刷新页面方法

可以在必要的时候使用此方法但在vue项目中直接使用reload()方法刷新页面是无效的并还会报错是因为我们并没注入相关依赖使用inject方式注入首先在app.vue的文件中插入并配置成全局exportdefault

丸子'·2024-01-19 04:11

vue项目中处理路由视图的重载问题

app.vue页面的代码如下：exportdefault{name:'App',provide(){return{reload:this.reload}},data(){return{isReload:true}},methods:{reload(){this.isReload=falsethis.$nextTick(()=>{this.isReload=true})}}}这段代码是一个Vue.j

black方块cxy·2024-01-19 04:11

步骤3：本地创建实例vue项目并上传到github上

0.确保你的本机电脑是有node环境的，使用下面的命令检查一下image.png如果没有显示版本号，证明你没有安装node环境，请移步度娘，搜索怎么安装node环境。0.1安装好node之后，即得到了npm包管理工具，使用下面的命令检查一下image.png如果没有显示版本号，请检查原因。0.2使用npm包管理工具安装vue-cli脚手架，安装命令如下：image.png如果直接使用npminst

木头就是我呀·2024-01-19 04:37

推荐频道

vue项目问题集