vue项目白屏第34页

Vue项目中使用Echarts实现中国地图

echarts现在已经不提供地图map包的下载了（5.0之前会自带这个包），所以很多小伙伴做地图需要走很多弯路，今天给大家分享一下地图的实现1、先在终端安装npminstallecharts--save2、在main.js中引入echarts（注意这里有两种引入方式）5.0以下版本：importechartsfrom'echarts’5.0以上版本：import*asechartsfrom‘ech

打小就霸·2023-11-29 18:45

element-ui单选表格

在vue项目中遇到一个需求是要展示单选表格的。

3bc9e2ff2ac3·2023-11-29 16:40

vue项目兼容ie浏览器

vue项目兼容ie浏览器配置babel-polyfill安装依赖babel-polyfill：npminstall--savebabel-polyfill配置webpcak.base.conf.js:将打包入口使用包裹

any_5637·2023-11-29 13:32

vue项目，使用query传参，页面刷新后数据丢失（接收参数后，页面刷新数据丢失）

简述：我们在使用query传递参数时，跳转之后在新的页面对这个参数进行接收，但是在其页面使用时刷新页面后数据会丢失，第一次跳转时数据是正常显示的，但第二次刷新页面数据会变为[objectobject]，针对此问题，这里提供一种解决方案。解决方法：1、在要跳转的传参页，先将参数转换为字符串；choseDetails(cur){this.$router.push({name:"dynamicsDeta

m0_49471668·2023-11-29 13:23

Vite + Vue3 实现前端项目工程化

+Vite+VueRouter+Pinia+Axios+ElementPlusVue权限系统案例个人博客1.初始化项目通过官方脚手架初始化项目第一种方式，这是使用vite命令创建，这种方式除了可以创建vue

MagnumHou·2023-11-29 12:48

vue项目中配置请求多个服务器解决方案

vue项目中配置请求多个服务器解决方案解决方案vue.config.js配置devServer:{port:3000,proxy:{//第一台服务器配置'/cgi':{target:'http://localhost

床头床尾_·2023-11-29 11:25

React、Vue项目中如何调用多个不同的后台请求地址

在一般项目中这个问题不会出现，但是在二般项目中还是会出现类似问题，就比如：医院项目中，表单接口是：http://192.168.2.1:900而有一个登录接口，后台请求地址是http://192.168.2.2:900这种情况下怎么办呢？虽然有的伙伴说，老师，你说的这个问题一般在我这里碰不到的，毕竟我们就一个服务器。话虽没错。线上一个服务器，那如果说这是在内网环境下部署呢，就比如医院项目中，有三个

赵小左·2023-11-29 11:23

vue项目中字符串换行显示（返回的数据包含‘\r\n’字符）

vue项目中字符串换行显示（返回的数据包含‘\r\n’字符）在vue项目中，请求后端接口获取到的数据是一整条字符串，如：‘1、和加速度和环境，\r\n2、技术的进步是否，\r\n3、讲述的就是不对’（数据是随意的

start_sea·2023-11-29 11:53

vue项目设置打包后的静态文件访问路径

vue项目设置打包后的静态文件访问路径**啰嗦一下：**相同域名下可能会存在两份相关或不相关的代码，需要通过切换文件夹路径进入不同项目时，需要在项目打包输出代码时设置静态文件的访问路径（vue、react

start_sea·2023-11-29 11:53

一个vue项目中配置请求多个服务端解决方案

前言：最近项目开发中，遇到这么个情况，一个前端项目需要搭配两个服务端接口，所以前端的代理需要重新修改，遂记录一、解决方案1.1描述接口context-path后端的两个接口服务请求前缀，如下：前缀1:/mini-rest前缀2:/1.2vue.config.js配置devServer:{port:8005,proxy:{//第一台服务器配置'/mini-rest':{target:'http://

卡诺来了·2023-11-29 11:52

vue项目多个不同的服务器请求地址管理

vue项目多个不同的服务器请求地址管理在vue项目开发过程中，获取不同的数据可能会出现需要请求多个不同服务器地址的域名，这个时候需要对不同域名的请求地址进行管理以及跨域的代理。

start_sea·2023-11-29 11:47

VUE学习日记｜vue-pdf打包缺少worker.js导致pdf无法预览

pdf在线预览功能，后段返回的pdf是文件流的形式问题描述：前端已通过vue-pdf实现pdf在线预览功能，且本地测试通过，但通过Jenkins打包后部署在测试环境测试时，发现pdf在线预览功能失效，显示白屏

业余的达莲娜·2023-11-29 09:59

vue-pdf生产环境找不到worker.js报错

vuecli打包后，pdf显示白屏，并且报错worker.js404。

Yabi0527·2023-11-29 09:28

换源解决vue项目打包时，node-sass安装失败的问题

安装node-sass失败的原因npm安装node-sass依赖时，默认会从github.com上下载.node文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。解决办法就是使用其他源，或者使用工具下载，然后将安装源指定到本地。解决方法：1、设置变量sass_binary_site，指向淘宝镜像地址。执行命令如下：npmconfigsetsass_binary_sitehtt

沉思的雨季·2023-11-29 08:52

vue项目异常Module build failed: Error: ENOENT: no such file or directory, open***

在vue项目启动时候报错：出现这个问题的原因，根据报错信息翻译过来就是在node_modules\node-sass目录下找不到vendor文件或者目录。

是阿信ya·2023-11-29 08:48

Fleet初体验

使用Fleet运行vue脚手架程序为例进行简单介绍首先在自己服务器用vue脚手架搭建一个vue项目，这二B水印，去都去不掉。

Java精灵儿·2023-11-29 07:50

vue项目中实现doc/excel/pdf/图片等文件的预览

vue项目中实现doc/excel/pdf/图片等文件的预览word预览1.使用vue-office-docx（只支持docx文件预览，不支持doc文件）支持文档网络地址（https://***.docx

从不讲道理·2023-11-29 06:01

vue 获取url地址的参数_Vue 网络请求框架 axios 使用教程

支持的浏览器：一、安装axios1.打开vscode，导入我们之前创建好的vue项目helloword，打开终端，敲入下面的安装命令：$npminstalla

weixin_39567046·2023-11-29 05:47

android 设置允许http请求_Vue 网络请求框架 axios 使用教程

支持的浏览器：一、安装axios1.打开vscode，导入我们之前创建好的vue项目helloword，打开终端，敲入下面的安装命令：$npminstalla

weixin_39539761·2023-11-29 05:16

vue项目中的props自定义属性

1.这是一个自定义属性，在封装通用组件的时候，合理地使用props可以极大的提高组件的复用性2.语法：可以定义为数组类型的：exportdefault{props:['init']}也可以定义为对象类型：exportdefault{//props是"自定义属性"，允许使用者通过自定义属性，为当前组件指定初始值//自定义属性的名字，是封装者自定义的（只要名称合法即可）//props中的数据，可以直接

前端梨白·2023-11-29 04:41

报错 - 使用marked报错 marked__WEBPACK_IMPORTED_MODULE_4___default(...) is not a function

今天在vue项目中需要用到marked插件来解析markdown类型的内容，发现直接使用默认的方式importmarkedfrom'marked'导入提示这个报错：marked__WEBPACK_IMPORTED_MODULE

紫菀檀ss·2023-11-29 02:05

启动一个已存在的vue项目

停止项目.png二.cd进入vue项目文件下。(我的项目在D盘vue_project文件下)。cd进入vue项目文件下.png三.启动项目，在命令行中输入npmrundev。

火烧冰山·2023-11-29 02:01

vue项目实现生成二维码功能

npm方式安装依赖npminstall--save‘qrcodejs2’如果您使用的是yarn请使用以下代码安装依赖yarnadd‘qrcodejs2’使用流程：引入包importQRCodefrom'qrcodejs2'完整代码：importQRCodefrom'qrcodejs2'exportdefault{data(){return{qrcode:''}},components:{QRCod

一抹茶-csdn·2023-11-29 00:12

vue项目中生成二维码

1、第一个步安装第三方插件npmiqrcodeqrcode的用法QrCode.toCanvas(dom,info)dom为一个canvas的dom对象，也就是一个canvas标签，info为转换成二维码的信息，可以是图片的url，获取是其他的字符串2、准备一个弹窗来展示二维码，并且主动控制弹层的显示与隐藏3、引入qrcodeimportQrCodefrom"qrcode";在methods中定义一

SpaceX7_s·2023-11-29 00:12

vue项目用qrcodejs2生成多个二维码的实现

本文参考了这篇博客：vue项目使用qrcodejs2生成二维码-潇湘羽西-博客园大家好，我是南宫。

努力学前端的南宫·2023-11-29 00:11

vue项目生成二维码

使用vue生成二维码安装npmiqrcodejs2--save引入importQRCodefrom'qrcodejs2'生成二维码importQRCodefrom'qrcodejs2'exportdefault{data(){return{},methods:{creatQRCode(){constqrcode=newQRCode(this.$refs.qrCodeDiv,{text:url,//

前端可樂·2023-11-29 00:38

vue项目实现生成一个简单二维码

vue项目中实现的一个简单的二维码生成例子首先安装一下插件npminstallqrcodejs2--save然后尝试走通下面的业务生成二维码请输入要转换为二维码的内容：生成清空importQRCodefrom"qrcodejs2

发渐稀·2023-11-29 00:33

vue项目中axios在一个单独接口请求时重设超时时间

在做vue项目的时候，由于数据量比较多或是其他原因，前端调用接口数据的时候，往往要等很久，我们一般会设置个超时，统一配置默认超时时间，当超过设置时间就向页面返回一个状态，让用户不用一直等。

睡美人的小仙女127·2023-11-28 21:00

利用gzip优化vue项目

gzip简介安装前端压缩插件修改vue.config.js文件服务器端如何启用gzipnginx启用gziptomcat启用gzipnode端启用gzip验证处理结果gzip简介HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后，文件大小为原来的3

定栓·2023-11-28 20:45

vue项目中金额小写转换为汉字大写的功能封装

先新建一个功能js文件为required.jsexportdefault{/**封装公共金额转化大小写验证*@author王天瑜*@date2019-06-15**/proof:functioncheck(n){if(n==''){return'输入不能为空'}elseif(!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)){return"只能输入阿拉伯数字";}},/**封装公

瑜依依·2023-11-28 19:18

vue项目学习笔记（input绑定回车事件、route和router的区别、路由组件传递props参数、编程式路由（参数不变），多次执行报错）

给input框绑定一个回车事件在普通的input框中使用@keyup.enter=“方法名”在elementUI中得使用@keyup.enter.native=“方法名”因为ele框架中本身就有一个默认的类，所以使用.native是表示原生的意思。就是保持原来的用法$route和$router的区别$route一般是在路由中传递参数，$router一般是应用在编程式导航中例如：this.$rout

H-rosy·2023-11-28 18:20

vue项目element框架表格el-table 进行拖动排序

效果:拖动效果基于一个插件实现的npmivuedraggable方法：data(){return{tableData:[{id:'1',date:'2016-05-02',name:'王小虎AAA',index:0,address:'沈阳市普陀区金沙江路2000-1518弄'},{id:'2',date:'2016-05-04',name:'王小虎BBB',index:0,address:'北京市

花村xld·2023-11-28 18:16

2020年VUE面试总结

一、如何创建vue项目？1.安装node.js，并配置环境。（自行百度）2.使用cmd安装淘宝镜像。

Arvin0320丶·2023-11-28 16:07

vue 如何处理两个组件异步问题_在Vue项目上使用异步加载

在Vue项目上使用异步加载以SPA的方式构建应用，往往会把所有的代码打包到一起，使得单个js日益庞大。所以我们需要思考一些暂时不用的代码是否可以异步加载，而Vue也提供了这样的能力。

木丂木自周隹·2023-11-28 12:27

vue路由切换loading_vue路由懒加载生产开发环境的切换

vue项目打包的时候，如果项目比较庞大，那么将会打出一个很大的包，速度比较慢，这个时候可以考虑拆分，不要把所有的内容都打到一个包里面去。

美美bv·2023-11-28 12:56

Vue2的路由和异步请求

目录1.路由1.1路由的作用1.2使用CLI3创建带路由功能的Vue2项目(案例)（1）创建vue项目（2）选择手动设置特性（Manuallyselectfeatures）（3）添加路由特性选项1.3路由使用入门

辰远YIL·2023-11-28 12:25

前端定时循环任务管理工具类

vuex使用store/index.js在App.vue页面，进行统一管理，创建和销毁使用：在需要使用的地方，将任务添加到列表使用场景和目的在设计到数字平台监控系统，经常需要一定的时间间隔去调用接口，在vue

东明之羞·2023-11-28 11:32

vscode新建vue项目，新建vue文件，一打开就报错

问题描述：在vscode里面新建vue项目，当新建.vue文件时刚打开什么都没写就报错，开始我以为是没写结构，但把结构写进去文件还是报错，虽然这个报错不影响运行，但是看到报红就耐受不知道是什么原因，就把鼠标放到了红色波浪线上

anuily.·2023-11-28 11:19

vue路由懒加载

用户使用网站时由于文件太大，加载时间过长出现白屏，严重挑战用户的耐心，用户等不了就会关掉网站不看了，这不就损失用户了嘛。怎么做？既然要随用随载，就得

snow_in·2023-11-28 09:17

Vue项目如何提高效率？来看大厂实践总结

Vue项目如何提高效率？来看大厂实践总结对于从事前端工作的小伙伴，掌握Vue，React这样的框架可以说是前端基本功了。人人都会用，那我们怎样才能写得比别人优雅？比别人漂亮？

quieta·2023-11-28 09:57

Vue项目架构(规范)

Vue项目架构(规范)项目架构的优点，以及意义效率提升。让开发者关注业务开发学习成本降低。框架封装了很多底层复杂性更强的约束。所有动作必须按照框架规定的执行,避免干坏事、蠢事。

quieta·2023-11-28 08:57

webpack配置及热更新原理

1：配置webpack1：新建一个vue项目：进入目录，在终端创建：vuecreate项目名；2：创建新文件对应的文件目录src下新建存放css文件index.css，项目的入口文件main.js以及vue

安然907·2023-11-28 05:48

【VUE项目实战纪录】Vuew 中使用 Element-UI 的el-date-picker实现双日历选择格式

目录前言1.代码分析前言在实际项目中，有时需要选择起始日期，并设置选择范围，本文中使用的是vue并选择是使用element-ui中的el-date-picker选择器；效果如下图所示：1.代码分析在布局中使用的代码如下：

DT向着太阳迎着光·2023-11-28 05:03

VUE

最近在写VUE项目的时候遇到了一个奇葩的问题。使用$emit调用父组件方法的时候（方法名使用了驼峰命名），触发不了方法。最开始我认为是我的父组件里方法没有参数，调用的时候直接使用this.

嘻哈哈_95fe·2023-11-28 04:17

前端web开发学习笔记

HTMLCSSjavaScript1.JS引入2.JS基础语法3.JS函数4.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备NodeJS安装和Vue-cli安装vue

不会写算法的小王·2023-11-28 04:13

最全面的vue和微信小程序的区别

学了这么久，vue和微信小程序的区别是什么写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。相比之下，小程序的钩子函数要简单得多。

码知秋·2023-11-28 02:33

[万字逐步详解]使用 webpack 打包 vue 项目（基础生产环境）

[万字逐步详解]使用webpack打包vue项目（基础生产环境）本次项目属于练手项目，使用的是vue-cli新建的新手引导页面，项目本身没有特别复杂的逻辑，而且这里也不涉及到Vue的学习，只是会通过逐步分解完成使用

是欢欢啊·2023-11-28 01:30

2022-11-22

比赛过程中，自己的电脑白屏了，但是自己的论文还没保存，顿时慌张了起来，疯狂在word中点击Ctrl+S，强

咿呀呦__·2023-11-28 01:49

前端入职需要配置的环境

一、安装nvm切换node版本点击跳转nvm安装二、启动electron项目npminstall--save-develectronvue安装报错创建Vue项目，报错spawnyarnENOENT_发呆的薇薇

lipenghao111·2023-11-28 00:44

vue-i18n和ElementUI国际化的同时引用

要实现在vue项目中引入vue-i18n和elementUI的国际化功能的结合，需要在main.js中添加以下配置：importElementUIfrom'element-ui';importVueI18nfrom'vue-i18n'importLangEnfrom

角落里的小草_·2023-11-27 23:44

推荐频道

vue项目白屏