vue项目web端-封装组件第7页

vue项目开发移动端真机测试/手机端网页预览

市场上手机大小各式各样，事实上目前还没有完美适配移动端的方案，常用的有vw，rem，百分比等。前端在PC端开发移动端项目时，通过F12看到的还是和真机有区别，因此我们需要真机测试。首先，真机测试的必要条件：1、手机与电脑在同一个局域网内，比如手机和电脑连接同一个WIFI。2、需要知道开发电脑的IP地址。步骤：1、查看电脑IP地址找到电脑的window键和R键，同时按下，弹出窗口image.png点

ForeverYoung_06·2024-02-07 21:42

vue 中使用 vue-router-tab 插件实现页面顶部路由标签功能？

在vue项目中考虑使用vue-router-tab插件去实现改需求，下面对其用法做相关示例。

『九离~空白』·2024-02-07 20:22

如何在Vue应用程序中使用Vue-Router来实现路由嵌套动画效果

在Vue项目中，可以使用npm或yarn来安装Vue-Router：npminstall

忧郁的蛋~·2024-02-07 20:19

Vue+Koa2+mongodb 搭建项目

文章目录前言一、项目用到的一些关键依赖二、后端框架的基础搭建1.安装koa-generator2.使用koa-generator生成koa项目3.启动项目三、前端框架的基本搭建1.安装vue-cli2.创建vue

小明真的要加油·2024-02-07 19:01

好用的vue项目插件

1.vue-seamless-scroll无缝滚动-vue-seamless-scroll的简介及使用教程-MadewithVuejs2.富文本(1)avue-plugin-ueditoravue-plugin-ueditor:avue富文本编辑器(2)wangeditorwangEditor3.vue-monoplasty-slide-verify滑动验证码vue-monoplasty-slid

哆来A梦没有口袋·2024-02-07 19:40

web 前端实现一个根据域名的判断来显示不同的logo 和不同的标题

1.需求有可能我做一个后台web端我想实现一套代码的逻辑显示不同的公司主题logo以及内容，但是实际上业务逻辑一样2.实现建一个storeoem.ts这个名为是oem系统oem.tsimport{defineStore

喝一杯维C·2024-02-07 18:36

解决Invalid prop: type check failed for prop "model". Expected Object, got Array问题

Vue项目前端页面报错：“Invalidprop:typecheckfailedforprop“model”.ExpectedObject,gotArray”错误原因是：期望对象，得到的是数组从后台获取的数据是

sara的前端学习笔记·2024-02-07 17:32

vue:sharedWorker共享工作者线程的使用

如果在web端打开多个页签，同时请求该接口，会造成服务端负荷过重。这时，共享工作者线程(SharedWorker)就派上了用场。

小飞牛牛·2024-02-07 16:00

vue项目打包部署介绍

Nginx实现静态资源的反向代理实例Nginx实现静态资源的反向代理实例这篇文章主要介绍了Nginx实现静态资源的反向代理实例,本文通过分析github发现这个应用,可以避免在https的网站中出现http链接,需要的朋友可以参考下github中很多项目都有一个readme文件，很多人喜欢在文件中添加自己的创作或封面图片，比如substack为他相关推荐:Nginx中accept锁的机制与实现解决

03ngnntds·2024-02-07 14:59

使用Linux下的Nginx部署单点前端项目和集群项目详解

2.前端项目进行打包，我这里是一个vue项目，打包命令npmrunbuild:环境名3.将打包好后的项目文件上传至服务器某个角落(这个角落的文件夹自定义)我是放到这里4.修改nginx的配置文件找到你的配置文件

臣妾写不来啊·2024-02-07 13:59

零代码3D可视化快速开发平台

老子云平台老子云3D可视化快速开发平台，集云压缩、云烘焙、云存储云展示于一体，使3D模型资源自动输出至移动端PC端、Web端，能在多设备、全平台进行展示和交互，是全球领先、自主可控的自动化3D云引擎。

老子云平台·2024-02-07 12:57

Vue3——创建一个应用

文章目录创建应用实例挂载应用没有模板的组件的挂载应用配置多个应用实例其实使用脚手架创建的vue项目的main.js文件中已经为我们配置好vue应用的创建。

_洋·2024-02-07 11:14

使用electron将VUE项目打包成.exe文件

一、克隆electron官方下的demo安装依赖，登录gitHub账号（未登录可能会克隆失败）tip：node版本必须大于14.17.5//克隆项目gitclonehttps://github.com/electron/electron-quick-start//安装依赖npmi二、安装依赖后，对打包项目进行配置1、修改vue.config.js文件module.exports={publicPa

s_Myint·2024-02-07 10:15

NVM 踩坑实录

油管上找到一个VUE项目，下载后安装依赖报错，看评论区提示node版本需要v14.xxx。故需下载NVM。

Lecoder小白·2024-02-07 10:08

vue项目开发vscode配置

配置代码片段步骤如下：文件->首选项->配置用户代码片段新增全局代码片段起全局代码片段文件名“xxx.code-snippets”这里以配置vue2初始代码片段为例，配置具体代码片段{"name":"vue-sph","version":"0.0.0","private":true,"type":"module","scripts":{"dev":"vite--open","build":"vit

RuiW_97·2024-02-07 10:37

vue-cli3脚手架搭建vue项目，关闭eslint

亲测有用在根目录下的vue.config.js中添加lintOnSave:false即可，如下图eslint.jpg

jsDmast·2024-02-07 10:31

搭建oracle+mysql双数据源springboot+vue项目配置记录

主要根据项目需要自行搭建简易双数据源框架，以便自行学习实践相关离线开发，话不多说直接开干1.首先准备所需依赖资源：springboot框架代码结构（搭建项目略）；oracle数据库（建库建表过程略）；mysql数据库（建库建表过程略）；vue前端（elementAdmindemo项目直接用即可，前端部分不做记录与介绍）；2.项目结构截图3.编辑配置后端pom文件中必须依赖，具体版本可以根据自己的项

enjoysummer·2024-02-07 08:13

Vue3.3新特新和Vue3-Pinia

文章目录1.Vue3.3新特性-defineOptionsVue3.3新特性-defineModel3.Pinia快速入门4.手动添加Pinia到Vue项目5.Vue3-Pinia的基本语法6.action

W`hite·2024-02-07 06:25

vue + video.js实现视频列表页（多个视频）

vue+video.js实现视频列表页vue项目中做一个视频列表页，本来用原生video标签来实现，由于考虑到手机浏览器兼容问题，找了很多插件，最后决定用video.js这个插件来实现。

River_tong·2024-02-07 06:33

【JS】纯web端使用ffmpeg实现的视频编辑器

【JS】纯web端使用ffmpeg实现的视频编辑器废话不多，先上视频。ffmpeg编辑器这是一个纯前端实现的视频编辑器，用的ffmpeg的wasm，web框架用的vue3。界面手撸。

飘逸者打瞌睡·2024-02-07 05:22

【vue3】远程组件加载

远程加载组件，动态更新组件，主框架不更新参考https://gitee.com/fanzhengshao/remote-components-library用vite创建一个vue项目添加remote目录

飘逸者打瞌睡·2024-02-07 05:21

基于vue-elementUI开发的表单代码生成器

简介ElementUI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。

山东好汉Tim·2024-02-07 01:55

vue项目在vscode中编译eslint报错没显示红色波浪线提示

vue项目在vscode中编译eslint报错没显示红色波浪线提示。如下图所示：现实下图是预期效果：不符合Eslint校验规则的代码位置都能展示出来，这样一目了然。能帮助我们迅速找到报错的位置。

小小少年小阿清·2024-02-07 00:58

vue 组件封装 -- 添加【呼吸】动画效果（两种：淡入＞＞淡入，淡入＞＞淡出＞＞淡入）

呼吸动画一淡入>>淡入>>淡入>>淡入>>淡入>>淡入常用于展示某异步操作持续执行中封装组件breathing.vueexportdefault{props:{interval:{type:Number

朝阳39·2024-02-06 21:53

vue项目中引用富文本编辑器vue-quill-editor

1.安装依赖npminstallvue-quill-editor--save2.使用（1）引入import{quillEditor}from"vue-quill-editor";import{Quill}from"vue-quill-editor";import"quill/dist/quill.core.css";//importstylesimport"quill/dist/quill.sno

eb59226db9be·2024-02-06 20:00

Java 导出word和pdf_Java实现word导出与pdf导出

是因为有在做pdf时需要用到这里的链接访问图片，因为程序是web端的，路径直接获取的绝对路径。4、访问程序为@RequestMapping(valu

lihahamiao·2024-02-06 19:48

安装pnpm遇到的问题

安装pnpm的前提是已经安装了nodejs，参考：安装nodejs环境&搭建vue项目的框架【部分】安装完成后输入下面的命令，如下：在此之上，在安装pnpm，输入下面的命令：npminstallpnpm-g

何中应·2024-02-06 18:15

3D力导向树插件-3d-force-graph学习001

一、引入文件：下载静态js文件引入1、**以vue项目测试，在index.html文件中引入静态文件（js文件可在官网下载）**2、**也曾尝试用npm包下载引入的方法，总是会有报错，所以采用静态js文件引入的方式

Hermione_log·2024-02-06 18:42

【Vue】2-15、Vue 路由

它只能结合vue项目进行使用，能够轻松的管理SP

QX_Java_Learner·2024-02-06 18:33

electron 微信扫码登录（第三方登录）

前言有朋友可能会好奇，既然electron的前端代码和web网页端的代码看起来大概是一样的，那应该是web端怎么写第三方登录，electron就怎么写。

雨客cs·2024-02-06 15:48

如何在Linux上部署1Panel运维管理面板并实现无公网ip远程访问

高效管理,通过Web端轻松管理Linux服务器，包括主机监控、文件管理、数据库管理、容器管理等下面我们介绍在Linux本地安装1Panel并结合cpolar内网穿透工具

Aomnitrix·2024-02-06 14:57

Vue项目中使用防抖和节流

原文鏈接：https://juejin.cn/post/7006257717820162056一、防抖（debounce）1.触发高频事件后n秒内函数只会执行一次，如果在n秒内高频事件再次被触发，则重新计算时间。简单的说也就是一定时间段的无论点击多少次，只会执行最后一次的调用。前面的会被清除2.在methods中直接实现debounce(func,delay=1000,immediate=fals

清风拂山感·2024-02-06 06:07

日志报错：Unexpected EOF read on the socket

项目提测后，修改时web端页面出现502，查看后台服务日志发现：org.springframework.web.multipart.MultipartException:Failedtoparsemultipartservletrequest

Cookie-a·2024-02-06 06:42

npm 上传一个自己的应用(3) 在项目中导入及使用自己上传到NPM的工具

上文npm上传一个自己的应用(2)创建一个JavaScript函数并发布到NPM我们创建了一个函数并发上了npm最后我们这里我们可以看到它的安装指令这里我们可以打开一个vue项目终端输入我们的安装指令npmi

瑞晟技术服务中心-耿瑞·2024-02-06 06:08

Day 67/100 Vue项目上线（Nginx）刷新后，显示空白或404怎么办？

写在前面的话服务器用的是Nginx做的转发；需要配置Nginx的try_files属性网上大多是单条说明，实际用的时候，还是容易错，记录备忘下~（一）配置代码其中Vue项目中的是history模式核心代码就这一句

赵国星·2024-02-06 03:38

vue init webpack my-project 报错Failed to download repo vuejs-templates/webpack...处理

1、搭建vue项目安装淘宝镜像npminstall-gcnpm–registry=https://registry.npm.taobao.org，2、搭建vue项目环境全局安装vue-cli执行npminstall

夏日晚餐·2024-02-06 01:17

vue项目环境变量打包配置

process.env是nodejs内置的环境对象NODE_ENV就是其中的一个[环境变量]这个变量主要用于标识当前的环境（生产环境，开发环境）。默认是没有这个环境变量的，需要自己手动配置。不同系统有不同的环境变量配置方式1.项目根目录创建.env前缀配置文件例如：.env.uat#生产环境NODE_ENV='production'VUE_APP_BASE_URL='xxx'VUE_APP_FIL

希染丶·2024-02-06 01:38

‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

运行vue项目发现报错，如图所示：‘vue-cli-service’不是内部或外部命令，也不是可运行的程序或批处理文件。

石子君·2024-02-05 19:20

Vue项目运行时报错：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件

报错原因及解决1.package.json文件中未定义依赖项@vue/cli-service，因此在npminstall之后并没有安装@vue/cli-service依赖；解决：项目目录下执行命令，npmi-D@vue/cli-service。2.第1步排查后，还是报同样的错；解决：尝试关闭编辑器和命令行面板，然后重启编辑器启动项目。此操作防止第1步安装依赖后环境变量不生效，导致vue-cli-s

蓝胖子的多啦A梦·2024-02-05 19:19

javascript计算时间差 &倒计时

vue项目实现的拍卖状态的判断以及倒计时显示获取当前时间判断开始时间是否大于当前时间（true未开始）判断结束时间是否大于当前时间且开始时间小于当前时间（true进行中）否则（已结束）getTime:function

德德de_前端攻城狮·2024-02-05 18:03

使用Vue+ ECharts进行动态图表展示

文章目录一、Vue项目引入ECharts二、CDH搭建，为动态图提供数据三、Vue+ECharts常见问题四、热门文章一、Vue项目引入EChartsVue是一个用于构建用户界面的渐进式JavaScript

雪梅零落·2024-02-05 18:07

vue项目使用wangeditor并自定义菜单 vue技术交流群（864583465)

vue项目使用wangeditor并自定义菜单vue技术交流群（864583465)1、安装wangeditornpminstallwangeditor--save或cnpminstallwangeditor

JCAL123·2024-02-05 18:12

如何快速上手VUE框架并写出VUE简单的增删改查的的开发代码

步骤2：创建Vue项目可以使用VueCLI等工具快速创建一个Vue项目。在命令行中输入以下命令：shell复制代码vuecreat

黑夜照亮前行的路·2024-02-05 16:01

创建vue项目淘宝镜像报错：Failed to get response from https://registry.npm.taobao.org/binary-mirror-config

创建一个vue脚手架出现报错！！！//原因：原NPM淘宝域名证书过期提醒：npm.taobao.org和registry.npm.taobao.org旧域名于2021年官方公告域名更换事件，已于2022年05月31日零时起停止服务，域名HTTPS证书于2024年1月22日正式到期，不可再用。若有前端工程仍使用旧域名镜像源，会导致编译失败或超时，影响功能迭代上线。为避免受到严重影响，请尽快将代码或流

檀玥·2024-02-05 16:53

微信开发踩坑系列之二微信扫码登录

基于微信开放平台登录2.2、基于公众号的扫码登录3、开发过程3.1、开发前准备工作3.2、整体开发流程介绍3.3、获取微信授权登录二维码3.3.1传统方式获取登录二维码3.3.2内嵌形式的二维码获取3.3.3vue

伽蓝寺听雨·2024-02-05 16:32

【无标题】Vue项目中你是如何解决跨域的呢？

文章目录一、跨域是什么二、如何解决CORSProxy一、跨域是什么跨域本质是浏览器基于同源策略的一种安全手段同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能所谓同源（即指在同一个域）具有以下三个相同点协议相同（protocol）主机相同（host）端口相同（port）反之非同源请求，也就是协议、端口、主机其中一项不相同的时候，这时候就会产生跨域一定要注意

花言儿·2024-02-05 15:32

vue项目中的 package.json 的文件是什么

在Vue.js项目中，package.json文件是一个JSON文件，用于存储项目的元数据和依赖关系。这个文件应该位于项目的根目录下。以下是一个简单的package.json文件示例：{"name":"my-vue-project","version":"1.0.0","description":"AVue.jsproject","main":"index.js","scripts":{"serv

@阿猫阿狗~·2024-02-05 15:46

vue项目中的 .env文件是干什么的

在Vue项目中，.env文件用于存储不同环境下的环境变量。.env文件是Vue项目的环境配置文件，它允许开发者根据不同的运行环境（如开发、测试、生产等）来设置不同的环境变量。

@阿猫阿狗~·2024-02-05 15:45

vue项目中的 .env.development 文件怎么编写

在Vue.js项目中，.env.development文件用于存储开发环境的配置信息。这个文件应该位于项目的根目录下。你可以在这个文件中设置一些环境变量，这些变量可以在你的代码中使用。以下是一个简单的.env.development文件示例：VUE_APP_API_URL=http://localhost:3000/apiVUE_APP_DEBUG=true在这个示例中，我们设置了两个环境变量：V