vue项目白屏

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

记录WKWebView坑： 神奇的中国移动

最近遇到这么一件事儿，网页在个别中国移动4G网络下，访问白屏环境：iOS14部分移动4G网络问题：WKWebView,回调commitNavigation之后，一直在等待，didFinish一直执行不到
山已几孑·2024-01-20 09:00

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

uniapp：scroll-view触底加载、下拉刷新、返回顶部

swiper禁止滑动//禁止swiper滑动stopTouchMove(){returnfalse},2.scroll-view触底加载uniapp-scrollView顺便解决了ios下拉，顶部和底部有白屏的问题
FIRE·2024-01-20 06:52

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

解决App启动时黑白屏问题

定义替换的背景Drawable资源文件在drawable下创建一个layer-list单独定义Activity特有的预加载的样式这里定义的样式是将要配置到对应的Activity上的。true@drawable/layer_splash最后一步在清单AndroidManifest中给对应的Activity设置预加载的样式style
mall寶珼_c57e·2024-01-19 23:21

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

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

vue 路由懒加载和组件懒加载

一、为什么要使用路由懒加载为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。
有凡小易·2024-01-19 10:51

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

vue中使用reload刷新页面(provide结合inject无白屏刷新页面)

https://blog.csdn.net/hxx1024/article/details/120637191
l741938507·2024-01-19 04:40

步骤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

使用electron打包vue项目 打包配置，打包exe文件和安转包

安装依赖yarnaddelectron-packager--devyarnaddelectron--develectron.jspackage.json两个文件将放到打包后的dist目录下在根目录的package.json的script中加脚本"win64":"electron-packager./dist/studyelectron_win64--out./OutApp--platform=wi
Jay_帅小伙·2024-01-19 02:25

第七章：vue路由

vue路由下面我们由开启了一个新的页面，我们新增了一个部门管理的页面我们就要实现下面的功能在点击部门管理时显示部门管理的页面在点击员工管理时显示员工管理的页面第一步这里我们不需要安装，因为我们在创建这个vue
幸运小新·2024-01-19 01:08

vue知识-07

$refs.名字---组件对象.组件对象.属性#在vue项目中使用://写在组件上handleClick(){console.log(this.$refs)  this.
糖果爱上我·2024-01-19 00:29

使用 vue-cli 脚手架搭建Vue项目

安装Nodejs去官网下载最新版本，然后安装安装完之后安装淘宝npm镜像(也可以安装镜像)npminstall-gcnpm--registry=https://registry.npm.taobao.org全局安装vue-cli新建一个项目下面称之为my-project全局安装vue-clinpminstall-gvue-cli如果这里报permission错误的话，命令前面加上sudo，然后输入
苦瓜_6·2024-01-19 00:44

vue项目中引入自定义字体

在还原页面的时候可能会遇到微软字体库之外的特殊字体，这种字体就需要自己导入，比如页面中有一些地方需要数字时钟字体来显示，这种就要自己在项目中导入字体文件图片上数字时钟字体的资源链接在下方，是一个ttf文件提取数字时钟字体链接提取码：ittf下载的文件打开是下面这个样子的文件里面有一个"字体名称"，我们的文件名最好和这个字体名称的值一致，文件的后缀名有的是大写的TTF，还有的是小写的ttf，这个后缀
不吃糖的哼哼·2024-01-18 21:36

Vue中使用天地图

Vue项目引入天地图在vue的静态资源目录下的index.html中引入天地图的底图，开发天地图源码路径：天地图API方法一：加载天地图，引用：public/index.html方法二：下载4.0天地图
码农键盘上的梦·2024-01-18 20:53

从前端角度浅谈性能 | 京东物流技术团队（转载）

1前言自网站诞生以来，页面白屏时间、用户交互的响应速度等一直都是开发者关心的问题，这直接影响了一个网站能否为用户的浏览提供舒适的服务，而这种舒适度，直接关系着对用户的吸引力，毕竟谁都不能忍受一个页面长达
聪明的竹子·2024-01-18 20:15

新建的vue项目如何布局（侧边栏，主页等）

新建一个vue项目，能够运行起来在src的view文件夹下，创建一个layout文件夹，然后分别创建如图所示的四个vue在MainLayout的代码3、找到router下面的index.js,配置，修改原来的
畏迁c·2024-01-18 19:22

vue项目出现此地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接

vue项目出现此地址，但是访问时显示，嗯…无法访问此页面localhost已拒绝连接。
畏迁c·2024-01-18 19:22

解决创建的vue项目没有router，view文件夹

出现问题如图，没有router，view等文件夹错误原因：创建的vue项目没有router，view文件夹是因为创建项目时的Pleasepickapreset:这个问题选错了，也就是第一个问题如图所示，
畏迁c·2024-01-18 19:22
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他