vue项目白屏第37页

真正解决App启动时白屏/黑屏

背景过去点击App图标时，App启动时总会出现短暂的白屏/黑屏，这是一个非常不好的体验，下来我们就一起来解决这个问题。

我想吃碗牛肉面·2023-11-24 22:37

Vite构建项目：Vue3 + Ts + Pinia + VueRouter + AntDesignVue

本文参考：Vite快速构建Vue项目本文记录快速构建Vite+Vue3项目的过程，包含以下7个步骤，3-7项都是可选项，可以按个人需要进行配置，比如可以用vuex代替pinia，采用其他Vue组件代替AntDesignVue

阿华tian·2023-11-24 20:14

Vue3-Pinia

）2.提供符合，组合式风格的API（和Vue3新语法统一）3.去掉了modules的概念，每一个store都是一个独立的模块4.配合TypeScript更加友好，提供可靠的类型推断手动添加Pinia到Vue

小沐°·2023-11-24 20:39

配置Vue脚手架，使用webpack解析vue项目

一、安装nodejs环境官网下载地址：https://nodejs.org/en/具体安装步骤见地址：NodeJS、NPM安装配置步骤(windows版本)安装完成后，打开cmd，输入指令：node-v//查看自己安装的node.js的版本npm-v//安装node的时候就会携带npm的安装,npm是node的命令安装模块二、配置Vue-cli脚手架（cmd窗口配置）1、我们还需要做的一个工作是，

中国胖子风清扬·2023-11-24 20:59

vue 加载网络svg矢量图

svg网络图片用img标签是不能直接显示出来的，本地的svg就可以，那么网络的svg怎么加载显示呢，vue项目里面安装d3这个插件我这里用的d3插件版本是"d3":"^7.4.4",npminstalld3

FC-1 枭龙·2023-11-24 19:22

如何在vue项目中引入svg图标

概述svg，即ScalableVectorGraphics，可缩放矢量图形。相对于jpg，png图标，svg可以在任意分辨率下保证不会模糊，即便是网页缩放了。上图是知乎的截图，可以看到铃铛图标是svg的，消息数量是CSS写的，二者缩放到任意体积都可以保持一个同等的清晰度。而且现在很多ui标注的软件都已经支持直接生成svg，比如sketch，那为何不尝试一下呢。配置svg是一种用xml描述的语言，也

别说小李·2023-11-24 19:49

Vue项目使用SVG矢量图型基础步骤

什么是svg可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集)，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。优势：SVG可被非常多的工具读取和修改(比如记事本)SVG与JPEG和GIF图像比起来，尺寸更小，且可压缩性更强。SVG是可伸缩的SVG图像可在任何的分辨率下被高质量地打印SVG可在图像质量不下降的情况下被放大SVG图像中的文本是可选的，同时也是可搜索的

一杆老狙·2023-11-24 19:46

登陆页面模板

简单好看的登陆页面vue项目代码可忽略js部分先来个效果图账户密码登录用户名密码验证码登录import{reactive,ref}from'vue'import{Login}from"@/api/index.js

『时光荏苒』·2023-11-24 19:12

批量打印html文档,vue项目中使用Lodop实现批量打印html页面和pdf文件

1.Lodop是什么？Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下：●PRINT_INIT(strPrintTaskName)打印初始化●SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeig

34寸乌克丽丽·2023-11-24 18:07

router中获取vuex_vue中使用vuex(超详细)

那么，我们一起来看看vue项目怎么使用它吧。（如果你对vuex有一定了解，不是刚接触的小白，请忽略第一步，直接查看第二步）一、适合初学者使用，保存数据以及获取数据

weixin_40005454·2023-11-24 18:15

vue中使用vuex

那么，我们一起来看看vue项目怎么使用它吧。（如果你对vuex有一定了解，不是刚接触的小白，请忽略第一步，直接查看第二步）一、适合初学者使用，保存数据以及获取数据

Matildan·2023-11-24 17:32

Nginx部署Vue项目

本文通过部署vue-element-admin后台管理项目来通俗易懂的教大家如何使用Nginx快速部署Vue项目vue-element-admin项目地址https://gitee.com/mirrors

Summer2077·2023-11-24 17:14

element-ui中怎样使用iconfont的图标

其他方式还没用过…6导入vscode的vue项目我是简单粗暴都copy过去了，只copycss文件似乎有点问题c

想想都开心·2023-11-24 17:18

Vue2

下载vue.js开发版本：vue.js生产版本：vue.min.js新建vue项目安装node:https://nodejs.org/encmd测试：node-v,npm-v安装cnpm配置国内镜像npminstall-gcnpm

flash20230513·2023-11-24 15:24

vue项目中设置background: url() 是行内样式不生效，样式表是可以的

@[TOC](vue项目中设置background:url()是行内样式不生效，样式表是可以的)首先：如果不是项目中普通的一个index.html中是可以的一、原因在Vue项目中，行内样式和样式表的编译规则是有所不同的

程序媛_MISS_zhang_0110·2023-11-24 15:49

vue+腾讯云api实现直播/续播

快速与其自有Web应用集成，来实现视频播放功能（前端实现部分很简单），参考文档：https://cloud.tencent.com/document/product/881/30818直播页面准备工作：在vue

Hsu yiqi·2023-11-24 14:48

【Tips】消除VSCODE 可恶的红线

问题:解决方法：原因：大概也许可能因为vetur升级的原因吧参考资料：vscode中的vue项目报错Property‘xxx‘doesnotexistontype…

huoren_·2023-11-24 14:41

SpringCloud电商项目开发完整流程

SpringCloud项目开发完整流程一、新建前端Vue项目（管理后台）先下载node.jsNode官网然后win+r，输入cmd打开命令行窗口，输入命令node-v，检测node是否安装成功全局安装cnpm

唐人街都是苦瓜脸·2023-11-24 13:25

TypeError: Cannot read properties of null (reading ‘insertBefore‘) vue项目报错

本地无论怎么样都不会报错，但是部署到服务器之后，切换到某个路由之后再切换路由之后就疯狂报错，百思不得其解，网上搜了一下说是主要又三个原因造成，粘贴一段我搜索到的，我觉得说的也很有道理，但是并不能解决我的问题。1、v-if导致在v-if值为false时，如果操作了v-if控制的DOM，可能会因为该DOM元素不存在而报错。解决方案：v-show替换v-if2、el-dialog组件导致默认弹框是关闭的

前端大灰狼·2023-11-24 11:28

Vue 项目实战——如何在页面中展示 PDF 文件以及 PDFObject 插件实战

文章目录前言使用HTML标签embed标签object标签iframe标签完整代码使用PDFObject插件为什么使用PDFObject插件（AI翻译）浏览器支持在Vue项目使用PDFObject插件安装

黛琳ghz·2023-11-24 11:55

vue实现路由自动添加

不论是vue项目还是react项目，在添加新功能页面时，都需要进行手动配置路由表才会生效。那么有没有可能在按照一定格式创建文件之后，会自动添加到路由配置表里呢？答案当然是可以！

Dark_programmer·2023-11-24 10:41

webpack对静态资源的处理（url-loader 和 file-loader）解决图片加载不出来问题

背景vue项目（webpack构建项目）中的静态资源如何处理？这句话看似简单，但静态资源覆盖的范围是非常广的。例如：图片、icon、font，js文件等，都属于静态资源。

20世纪中二少年luohongxin·2023-11-24 09:34

简单vue项目脚手架（vue+webpack2.0+vuex+vue-router）

github地址(内含简单例子)使用技术栈webpack(^2.6.1)webpack-dev-server(^2.4.5)vue(^2.3.3)vuex(^2.3.1)vue-router(^2.5.3)vue-loader(^12.2.1)eslint(^3.19.0)需要学习的知识vue.jsvuexvue-routervue-loaderwebpack2eslint内容相当多，尤其是web

weixin_30689307·2023-11-24 09:03

webpack构建VUE项目使用jquery及其插件 expose-loader

闲来无事先写一篇博客，整合一下最近网上更新的资源，在用webpack构建VUE项目时会遇到仍旧想用jquery以及依赖jQuery的插件，但是引入jq会很麻烦，这里介绍一种比较简单使用的方法，使用expose-loader

钟大灵·2023-11-24 09:31

Vue项目部署，清理缓存方式（亲测有效）

文章目录前言一、根目录index.html二、配置vue.config.js1.直接上代码【使用时间戳】总结前言部署前端项目以后，你会发现一个问题（为什么必须刷新页面，页面才会更新到最新版本），其实就是因为服务器缓存的问题，接下来我就以我自己所用的方案来解决自动清除缓存的问题。一、根目录index.html在head标签中，加入下面的代码二、配置vue.config.js1.直接上代码【使用时间戳

不cong明的亚子·2023-11-24 09:59

vue中使用webpack添加svg以及去除fill

前言vue项目中使用iconfont图标库的时候，如果是直接将iconfont对应的文件下载，然后导入到项目当中，其实对于后续代码的维护以及更新图标是一个比较麻烦的事情，但是如果我们引入图标只需要下载对应的

不cong明的亚子·2023-11-24 09:59

vue2.0+elementui集成file-loader之后图标失效问题

vue版本2.xelement-ui版本2.13.x注意npmi-Dfile-loader@版本号给vue项目安装file-loader的时候，需要尽量保证这个的版本同node_modules中element

不cong明的亚子·2023-11-24 09:54

vue通过maven自动打包成jar

在vue项目下新建pom.xmlorg.codehaus.mojoexec-maven-plugin1.6.0${skipDeploy}-->exec-npm-install-->generate-resources

码的·2023-11-24 09:10

Vue学习笔记

Vue全套精品课-网易云课堂#下载node，配置环境变量#初始化一个vue项目npminstall-gvue-cli#安装vue-clivueinitwebpacktest1#初始化一个vue项目cdtest1

兮川·2023-11-24 08:46

Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marking event...

1.问题描述：vue项目中使用ElementUI的表单form校验单的时候，出现以下警告：[Violation]Addednon-passiveeventlistenertoascroll-blocking

代码改变生活-120·2023-11-24 08:15

22-自定义全局组件

在用vue构建项目的过程中，我们有时会用到别人开发的组件如vue-router；使用他人组件的正常步骤如下：1、命令行进行安装，执行install；2、在vue项目中的入口文件main.js中，进行导入

早起的鸟儿·2023-11-24 08:02

Mac 环境下node的卸载和安装 vue项目环境的安装

mac卸载node方法一：brew安装的node,命令卸载$brewuninstallnode方法二：命令卸载删除/usr/local/下的node和node_modules的目录$sudorm-rf/usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}命令检查node是否删干净$node-v还是没删

小小小程序媛·2023-11-24 08:58

在微信小程序中实现virtual-list

背景小程序在很多场景下面会遇到长列表的交互，当一个页面渲染过多的wxml节点的时候，会造成小程序页面的卡顿和白屏。

zxclclciop·2023-11-24 08:20

element ui 《el-switch》组件会影响数据返回

做vue项目引入了elementui的el-switch组件的，发现在请求数据中，state在response中返回的是“0”，但是在res返回值中变成了数字1解决办法:去掉active-value和inactive-value

真前端·2023-11-24 07:35

在新的环境下搭建vue项目遇到的error

全局安装npminstallvue-cli报error具体报错：Error:unabletoverifythefirstcertificate问题原因：2017年2月27日，npm不再支持自签名证书。npminstall走的是https协议，需要通过数字证书来保证的采取的解决办法：取消ssl验证：npmconfigsetstrict-sslfalse如果还没成功，则将npm源更换为国内镜像：npm

热心市民小胖纸·2023-11-24 07:57

VS Code vue项目使用scss显示语法错误、build编译正常

VSCodevue项目使用scss显示语法错误、build编译正常解决方法：第一步：先安装vetur插件第二步：在vscode的设置中添加"files.associations":{"*.vue":"vue

页面仔小杨·2023-11-24 06:18

vue项目中，对Axios进行二次封装，设置请求拦截和响应拦截，方便数据请求，详细如下

话不多说，直接上代码首先新建http.js文件，代码如下：//首先在vue项目中执行npmiaxios-S安装依赖，可以在package.json中进行查看是否安装成功//然后新建http.js文件（此文件

北城笑笑·2023-11-23 22:12

Vue项目配置项设置

一、项目运行时浏览器自动打开找到package.json文件找到"sctipts"配置项在"serve"配置项最后加上--open"scripts":{"serve":"vue-cli-serviceserve--open","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint"},二、eslint校验功能关闭主要是防止一些令人血压升

永久旅途·2023-11-23 22:37

前端在项目中使用mockjs模拟数据的增删改查

背景在项目开发时，会存在前端界面已经画好了但是后端接口还在开发的情况，此时前端可以先根据接口文档明确自己需要的字段，然后使用mock模拟后端接口进行调试安装npminstallmockjs使用1.创建vue

张大栗子·2023-11-23 19:53

vue脚手架的基础搭建过程

基于脚手架的环境开发vue项目开发vue项目的方式主要有两种：基于vue.js：在html中引入v

是程序喵呀·2023-11-23 16:14

Invalid options in vue.config.js: "baseUrl" is not allowed

vue项目module.exports={baseUrl:process.env.NODE_ENV==='production'?'.

伴歌知行·2023-11-23 16:20

前端IE或edge页面iframe显示白屏解决方法

前端IE或edge页面iframe显示白屏解决方法问题是这样的；页面里面有iframe，谷歌可以正常显示，ie不行。

温暖的松子·2023-11-23 16:03

创建VUE项目环境搭建

1.下载nodejs安装https://nodejs.org/zh-cn/2.检查nodejs安装node-vnpm-vimage.png3.配置全局模块和缓存路径新建node_global，node_cache目录image.png配置默认目录：npmconfigsetprefix"D:\Devtools\nodejs\node_global"npmconfigsetcache"D:\Devto

综合楼·2023-11-23 14:27

TypeError: token.type.endsWith is not a function vue eslint 报错问题修复

问题现象维护了很久的vue项目，发现eslint会报错token.type.endsWithisnotafunctionimage问题原因babel-eslintnpm包已被弃用，我们无法在下载到这个包

天明丶胡金斌·2023-11-23 13:36

springboot前后端分离项目配置https接口（ssl证书）

文章目录说明vue.js前端部署vue.js项目axios请求配置本地创建日志文件创建Dockerfile文件配置ssl证书nginx.confvue项目打包上传创建容器部署后端springboot项目部署配置

缘友一世·2023-11-23 12:14

06. vue history模式刷新后页面白屏、401、404的问题

先来看404的问题vue项目使用history路由模式，页面刷新后出现白屏无内容显示、401、404等问题。

哟哟-·2023-11-23 11:43

Flex布局中如何设置主轴单个元素的对齐方式？justify-self在Flexbox中无效。

今天在写vue项目的时候遇到了一个样式布局的问题，如下我想使用flex布局，并且“去计算”这个元素可以右对齐（如下是设置好了的结果）。这里我不想给左边两个盒子再包一层div。

coder_zengjc·2023-11-23 09:04

谷歌浏览器无法调用打印窗口问题

谷歌浏览器无法调用打印窗口问题我在写vue项目中发现我点击打印按钮闪一瞬间就会关闭我仔细查看了一下代码发现有问题问题代码如下varnewWindow=window.open();newWindow.document.write

Colesyn L.·2023-11-23 07:27

Axios使用方式

ajax是JQUERY封装的XMLHttprequest用来发送http请求Axios简单点说它就是一个js库,支持ajax请求,发送axios请求功能更加丰富,丰富在哪不知道1.npm使用方式vue项目中

biubiubiu0706·2023-11-23 06:53

vue项目中使用富文本编辑器

前言：有时候项目中会使用到一些富文本编辑器（所见即所得）。比如markdown那种功能的工具。但是如果我们自己开发一个的话，就需要话很长的时间。那么我们就可以使用开源的，其他人已经写好的第三方库。比如常见的就是TinyMCE、CKEditor、UEditor、wangEditor、kindeditor等，还有很多。这篇文章主要是讲解vue3项目中使用TinyMCE富文本编辑器。GitHub地址：G

layx·2023-11-23 04:56

推荐频道

vue项目白屏