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

Vue3项目-Electron构建桌面应用程序

一、创建Vue3项目1、安装vue-clinpmi-g@vue/cli#ORyarnglobaladd@vue/cli2、创建vue项目(vue3)npmcreatevue@latest3、创建完成后启动项目

呆呆的小草·2024-08-21 18:46

js封装SDK 在VUE、小程序、公众号直接调用js调用后端接口（本文以vue项目为例）

1.封装一个js文件msgSdk.js注意：需要修改这个请求地址apiServiceAddress;(function(){if(window.msgSdk){return}varmsgSdk=(function(){varm_msgSdk=thisvarapiServiceAddress="http://172.12.14.5:8000"this.I_SendHTTPRequest=functi

祝你今天也快乐·2024-03-26 01:45

React—— props校验（非typescript校验类型）

非typescript环境下，当我们在封装组件的时候，接受props时传入的内容，需要做类型检测，那我们可以用props校验进行类型的检查。

水煮庄周鱼鱼·2024-03-25 05:21

如何快速上手Vue框架?

npminstall-g@vue/cli三、创建Vue项目使用VueCLI创建新项目：vuec

山间漫步人生路·2024-03-25 05:50

Vue项目使用process.env关键字及Vue.config.js配置解决前端跨域问题

1.process.env是Node.js中的一个环境1.打开命令行查看环境：2.process.env与VueCLI项目VueCli有以下三种运行模式development模式用于vue-cli-serviceservetest模式用于vue-cli-servicetest:unitproduction模式用于vue-cli-servicebuild和vue-cli-servicetest:e2

百思不得小李·2024-03-25 02:47

vue项目报错，npm install 报错

1.报错问题：npmERR!cb()nevercalled!npmERR!Thisisanerrorwithnpmitself.Pleasereportthiserrorat:npmERR!9npmERR!Acompletelogofthisruncanbefoundin:npmERR!C:\Users\AdministratorAppDataRoamingnpm-cachelogs2020-12

m87里的光·2024-03-24 19:08

Vue项目创建新文件后都会提示仅当 “module” 选项设置为 “es2022”、“esnext”、“system”、“node16” -警告提示

警告提示vscode中vue项目创建新文件后都会提示仅当“module”选项设置为“es2022”、“esnext”、“system”、“node16”或“nodenext”，且“target”选项设置为

JackieDYH·2024-03-19 15:56

web端自动化基础

一、认识web自动化测试什么是自动化测试?了解为什么要进行自动化测试?掌握自动化测试的分类?web自动化测试的使用条件和场景自动化测试工具的优缺点自动化测试的前景和发展方向1.1什么是自动化测试1.1.1自动化测试的概念软件自动化测试就是通过测试工具或者其他手段，按照测试人员的预定计划对软件产品进行自动化测试，他是软件测试的一个重要组成部分，能够完成许多手工测试无法完成或者难以实现的测试工作，正确

ln111·2024-03-17 05:59

Element-UI穿梭框去掉左箭头按钮

往vue项目中加入一个穿梭框页面首先在views目录中创建Transfer.vue文件：import$from'jquery'exportdefault{mounted(){console.log('mounted

太空漫步11·2024-03-16 11:16

使用postcss-plugin-px2rem和postcss-pxtorem(postcss-px2rem)-px自动转换rem的配置方法-vue-cli3.0

在vue-cli3.0中使用postcss-plugin-px2rem插件插件的作用是自动将vue项目中的px转换为rempostcss-plugin-px2rem优势：因为postcss-plugin-px2rem

JackieDYH·2024-03-16 01:00

Vue中ElementPlus的按需导入

目录1新建一个Vue项目2安装ElementPlus3安装按需导入的组件4配置文件中添加相关内容1新建一个Vue项目可看本人的这篇文章《创建一个Vue项目（含npminstall卡住不动的解决）》2安装

厂里英才·2024-03-14 17:15

vue项目如何解决浏览器缓存问题

目录1.什么是浏览器缓存2.浏览器缓存类型3.浏览器缓存的优势与劣势4.浏览器缓存机制5.如何清除浏览器缓存在代码更新发布后，都会要求运营人员在访问网址时清除下本地缓存，防止万一掉坑那问题就来了：每次清缓存很麻烦，怎样就不需要他们每次去手动清缓存呢？这就涉及到了浏览器缓存的问题1.什么是浏览器缓存浏览器缓存（BrowserCaching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过

woowen！·2024-03-13 23:18

【问题记录】Vue项目中input用v-model绑定数据不生效

HI，这里是富婆李姐，记录一些工作中遇到的bug问题复现1、首先用vue插件查看数据是否有值，发现问题：代码中的type是有值的，但是插件中的type是空字符串2、仔细查看代码，发现我写了两个type，最下面的type是空字符串，我一直在更改上面的type，浪费俺十分钟时间，吐了

虾仁不眨眼ok·2024-03-13 16:10

Vue项目中使用Mock.js进行API模拟

Vue项目中使用Mock.js进行API模拟前言欢迎来到我的小天地，这里是我记录技术点滴、分享学习心得的地方。️

洛可可白·2024-03-12 19:10

vue2 elementui 封装一个动态表格复杂组件

以下是一个基本的示例，展示了如何创建一个这样的动态表格组件：首先，确保你已经安装了ElementUI，并在你的Vue项目中正确地引入和使用了它。

A 风·2024-03-12 12:00

Nodejs运行vue项目时，报错：Error: error:0308010C:digital envelope routines::unsupported

前端项目使用(npmrundev)运行vue项目时，出现错误：Error:error:0308010C:digitalenveloperoutines::unsupported经过探索，发现问题所在，主要是

softshow1026·2024-03-11 14:43

element-ui 中使用＜el-upload＞＜/el-upload＞组件，第二次点击上传无反应

出现问题：在vue项目中使用el-upload组件，实现文件上传的功能，第一次点击可以上传，第二次点击按钮无反应出现此问题的原因：由于上次上传的文件流还在，未被清除解决办法：通过ref与组件进行关联导入在上传成功的函数中进行清空流文件

今天星期八·2024-03-10 12:39

前端面试练习24.3.5

程序猿online·2024-03-10 05:01

springboot/ssm工作量统计系统Java工作记录可视化管理系统web

springboot/ssm工作量统计系统Java工作记录可视化管理系统web基于springboot(可改ssm)+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK版本

kirito学长-Java·2024-03-04 16:39

CSS面试题：说一说对rem的理解？

设备自适应用媒体查询实现【根据设备屏幕宽度控制哪些样式class生效】媒体查询实现：【页面结构需要变化时使用】1、link元素中的CSS媒体查询【一般用于Js项目】2、样式表中的CSS媒体查询【一般用于Vue

程序员大澈·2024-03-04 02:50

UI自动化-(web端窗口截图&文件上传-实操入门)

1、窗口截图1.UI自动化中，为什么需要进行窗口截图？调试和故障排除：截图可以直观地查看界面的状态，快速识别和解决问题。当自动化过程中出现错误或异常时，通过查看截图可以确定是否是界面元素的问题，例如元素未找到、位置不正确等。记录测试结果：截图可以作为测试结果的一部分，用于记录特定时间点界面的样子。这对于测试报告和文档非常有用，可以提供可视化的证据，证明测试过程中界面的显示是否正确。验证界面布局和样

小白~小黑·2024-03-03 00:17

【知识分享】Echarts雷达图组件封装

封装Echarts的雷达图（radarchart）组件也可以让你在Vue项目中更方便地使用雷达图。

加瓦程序设计师·2024-03-01 20:05

关于Vue中npm install出现报错及解决方法

在Vue项目开发过程中，我们经常会使用npm工具来安装项目所需的依赖包。然而，有时候在执行npminstall命令时会遇到各种报错，这可能会影响项目的正常开发和运行。

猿小白klp·2024-02-29 02:10

vue项目下拉菜单点击选项弹出弹框的实现

项目需求，点击下拉菜单的b选项，弹出编辑输入框：请选择选项A选项B弹窗内容这是一个弹窗。exportdefault{data(){return{selectedOption:"",showPopup:false};},methods:{handleOptionChange(){if(this.selectedOption==="B"){this.showPopup=true;}else{this.

奋斗者格洛古·2024-02-28 19:32

Vue项目中，src目录下的vue.app文件介绍

在Vue项目中，src文件夹通常包含了项目的核心代码。在这个文件夹下，App.vue是一个特殊的文件，它代表了整个Vue应用的根组件。

Komorebi_9999·2024-02-28 12:24

springboot/ssm文献搜索系统Java文献信息在线下载系统小说下载系统web

springboot/ssm文献搜索系统Java文献信息在线下载系统小说下载系统web基于springboot(可改ssm)+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK

Java学长-kirito·2024-02-27 15:56

浅谈web性能测试

而web端的性能测试应该注意的指标有：用户操作的响应时间、系统的吞吐量（TPS）、系统的硬件资源情况（CPU、硬盘、磁盘）、网络资源占用情况等web性能测试之HTTP请求关于性能测试中，HTTP请求类的性能指标都需要我们去

.咖啡加剁椒·2024-02-27 08:17

vue + nginx 前端项目的线上服务部署

根据上篇文章基本就差不多了一下为自己在项目搭建中实际操作在项目部署过程中一定会遇到代理问题（解决原理都是一个套路）vue项目在本地开发过程中解决跨越是在config.js中解决的（如下）但是在线上项目中依旧会有跨域的问题出现所有要在

多久以后_Mr·2024-02-27 07:25

解决app中以webview的方式嵌入h5网页，h5网页加载不出来

问题描述：我的h5网页在web端和手机浏览器都能正常渲染展示，但是嵌入到客户的webview中，渲染加载不出来，仔细检查代码之后并没有任何代码错误和后台报错。

小朱爱开发·2024-02-24 02:47

软件测试/测试开发丨Web端测试-测试用例设计思路学习笔记

本文转自测试人社区，霍格沃兹测试开发学社学员笔记原文链接：https://ceshiren.com/t/topic/29442一、UI测试界面风格统一，与UI设计原型图一致界面文案正确提示、警告或错误说明描述准确切换窗口大小，将窗口缩小后，页面是否按比例缩小或出现滚动条，页面是否正确显示所有的图片是否都被正确装载在不同的浏览器、分辨率下图片是否能正确显示二、搜索测试如果支持模糊查询，搜索名称中任意

·2024-02-22 13:58

零基础部署前后端分离SpringBoot+Vue项目到阿里云服务器

1、用支付宝账号登录阿里云购买服务器可以试用一个月金秋十月，注册抽好礼https://www.aliyun.com/activity/daily/lottery-October?utm_content=se_10102706432、购买服务器登录后点击控制台再点击云服务器3、进入控制台后点击云服务器ecs4、点击远程连接出现如下图界面、用户root、密码：你的服务器密码、点击确定即可进入网页版服务

心上秋可上可·2024-02-20 22:18

vue 使用docx库生成word表格文档

以下是一些流行的前端库，它们可以用于在Vue项目中生成Word表格文档：docx是一个流行的JavaScript库，用于在浏览器中创建和操作Word文档。

人生万事须自为，跬步江山即寥廓。·2024-02-20 21:23

扫盲：什么是webGPU，和webGL对比哪些优点？

web端的3D图像渲染，大都采用webGL，不过其性能让大家很崩溃，webGPU的出现，让大家看到了访问加速的可能，本文通过对比webGPU与webGL，给老铁们普及一下。

贝格前端工场·2024-02-20 20:08

vue新特性provide/inject深入学习

在开发vue项目时，不可避免的需要进行组件之间的相互通信。如果是在一个实际的业务项目中，组件间的通信可以采用采用像vuex,EventBus等机制实现跨组件通信。

C972325584·2024-02-20 17:12

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

使用Vite创建出来的Vue项目，暂时都是Vue3的。Vite是构建工具的高阶封装。它的内部其实是Rollup。Vite是尤雨溪随着Vue3正式版一起

德育处主任Pro·2024-02-20 17:23

Vue项目预渲染机制引入实践

文章目录1.简介与使用场景2.安装配置2.1安装2.2前端配置2.3nginx配置周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末…这篇文章就记录一下最后是怎么配置的T.T声明：以下配置只保留有必要的生成目录这里使用base代替，请自行修改vue-

SHERlocked93·2024-02-20 16:50

从入门到精通：AI绘画与修图实战指南

个人网站:【海拥】【神级代码资源网站】【办公神器】基于Web端打造的：轻量化工具创作平台想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】在这篇文章中，我们将深入探讨如何利用Photoshop和Firefly

海拥✘·2024-02-20 15:37

node.js、npm、vue-cli简单概念

npm是包管理，负责前端项目的打包，插件下载等，可以理解成java中的maven项目中package-lock.json文件，类似于maven项目的pom.xml文件vue-cli是快速构建前端VUE项目的脚手架

【JAVA】玩家·2024-02-20 13:01

vue3+ts项目搭建

目录前置条件基础工程模板搭建测试环境变量是否配置成功初始化vue项目安装常用依赖基础项目目录介绍前置条件请确保已经装好node，并配置好环境变量下载地址：Node.js—Download(nodejs.org

蒾酒·2024-02-20 12:18

【开源】SpringBoot框架开发创意工坊双创管理系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1管理员端2.2Web端2.3移动端三、系统展示四、核心代码4.1查询项目4.2移动端新增团队4.3查询讲座4.4讲座收藏4.5小程序登录五、免责说明一

张燕沨·2024-02-20 12:30

SpringBoot+Vue项目部署上线

部署前准备注册京东云京东云:https://www.jdcloud.com/117.72.32.65vue本地部署新建文件.env.developmentVUE_APP_BASEURL='http://localhost:9191'新建文件.env.productionVUE_APP_BASEURL='http://117.72.32.65:9191'main.js设置全局变量$baseUrlVu

奇遇少年·2024-02-20 10:40

前端系列——vue2+高德地图web端开发（使用和引入）

vue2+高德地图web端开发（使用和引入）前言准备工作高德地图的个人开发者注册高德api网址1.点击进行注册2.注册完之后进入控制台3.创建新应用4.添加高德2.0新增创建vue2的项目npm引入高德官方文档

勤恳的码农!!·2024-02-20 09:02

vue2+高德地图web端开发使用

vuecreate项目名”创建即可注册高德地图高德地图官网地址：https://lbs.amap.com/如果是第一次使用，点击注册然后进入我们的控制台注册完之后进入控制台，找到我的应用点击创建新的应用点击添加选择web

是张鱼小丸子鸭·2024-02-20 09:30

Vue2中使用高德地图（Loader ）

高德开放平台https://console.amap.com/2.2在应用管理---我的应用中添加key注意：服务平台选择web端（JSAPI）2.3参考文档路径高德开发参考文档路径https://lbs.amap.com

Smart_11·2024-02-20 09:58

vue2+高德地图web端开发（二）

松果猿·2024-02-20 09:25

vue2 导入使用vue-codemirror详解

3.2自动高度设置3.4主题配置4总结vue2导入使用vue-codemirror详解1介绍vue-codemirror是一个基于Vue的代码在线编辑器组件，它封装了CodeMirror编辑器，使得在Vue

Saga Two·2024-02-20 09:53

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十一章基础界面开发 (组件封装和使用)

一、自己封装组件1、button代码在src目录下创建components文件夹，并在该文件夹下创建Button

SmallTeddy·2024-02-20 08:45

新窗口打开vue项目中的静态pdf文件，并做权限控制

问题：公司系统做安全测试，其中一个问题是没有登录的情况下，直接访问“项目地址/operate.pdf”此地址，会展示pdf文件。描述：点击系统内的一个按钮会打开新窗口展示系统操作手册（operate.pdf）文件，以下为原本的代码，原来将pdf文件放在public文件夹下（“项目地址/operate.pdf”就是访问的public文件夹下的pdf文件）解决：删除public文件夹下的pdf文件，将

包子脸呀·2024-02-20 07:51

vue项目中下载静态资源里的pdf文件

1.把文件放在项目目录src/assets文件下2.在项目是用a标签下载以上项目运行会报错Failedtocompile../src/assets/download.pdf1:0Moduleparsefailed:Unexpectedtoken(1:0)Youmayneedanappropriateloadertohandlethisfiletype,currentlynoloadersareco

加油小吃货·2024-02-20 07:46

本地vue项目的本地调试，同一个局域网下如何让其他人也可以访问我的本地项目

本地vue项目的本地调试，如何让其他人也可以访问我的本地项目（同一个局域网下）要让其他人在同一个局域网下访问你的本地Vue项目，你可以通过以下步骤进行设置：启动Vue项目：首先，确保你的Vue项目已经启动并且在本地运行

Zzexi·2024-02-20 07:02

推荐频道

vue项目web端-封装组件