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

前端实习手记（6）：6不起来

本周也就做了个小小的需求吧，但也是磕磕巴巴的（被自己蠢哭）......不太，开心的一周，后面熟悉了就感觉好多了总结封装组件：自定义模特表单对话框AntDesignVuees6学习：ES6教程新增：自定义模特表单对话框功能概述点击主页面的新增按钮

椰果uu·2024-08-26 23:52

Vue 项目实战1-学习计划表

Vue项目实战1-学习计划表一、大致实现思路1.页面结构设计使用ElementUI的`el-card`、`el-form`、`el-table`等组件来构建页面的基本结构。

架构师ZYL·2024-08-26 16:25

创建前端项目中架构基本流程(vue版)

本文章根据黑马程序员《大事件管理系统.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于

小徐努力中·2024-08-26 15:50

vue项目大包错误记录-失误

背景：设置项目动态路由渲染，出现大包报错、报错内容：prerender-spa-plugin报错Unabletoprerenderallroutes!原因：将开发环境的main.js复制到生产环境main-prod.js进行更改，忽略了需要添加mounted(){document.dispatchEvent(newEvent('render-event'));},贴图：添加上即可。。

来赶鸭子上架·2024-08-25 20:19

vue项目中通过url数组一次下载多个文件

后台拿到需要下载的url数组，最开始想到的是在页面创建a标签，通过a标签的点击来实现下载downloadFile(content,filename){//创建隐藏的可下载链接leteleLink=document.createElement('a')eleLink.setAttribute('class','upload-file')letevt=document.createEvent('HTM

不要问我，我什么都不知道·2024-08-25 14:44

vue项目一次性下载多个文件

这是我的前端文件放的位置，我的需求是点击按钮可以下载多个模板varurlList=[]urlList.push('/template/xxx.xlsx')urlList.push('/template/xxx.xlsx')urlList.push('/template/xxx.xlsx')for(leti=0;i{iframe.remove()},3*1000)}

正在呼吸·2024-08-25 14:42

Web端功能测试的测试方向有哪些？

一、功能测试1.1链接测试链接是web应用系统的一个很重要的特征，主要是用于页面之间切换跳转，指导用户去一些不知道地址的页面的主要手段，链接测试一般关注三点：1）链接是否按照既定指示那样，确实链接到了该链接的界面2）测试该链接所链接的页面是否真的存在3）保证系统中没有单独存在的页面（即没有链接指向，只能通过正确的URL地址才能访问）1.2表单测试这个也可以理解为数据落地；当用户在web应用系统上向

测试界筱筱·2024-08-24 15:25

vue项目，自动清除浏览器缓存

一：pages.json中的version版本号，每次打包部署前，改变version二：在main.js中判断version，本地存的version和本次的version比较，如果不同，就强制清除缓存constVUE_APP_VERSION=require('../package.json').versionconstvers=window.localStorage.getItem("appVer

孙芝琳_629·2024-08-24 12:08

Qt+vue开发桌面应用程序（二）Vue部分介绍

上一章介绍了Qt+vue开发桌面应用程序（一）Qt部分介绍，本文介绍Vue部分一、原理介绍主要是引入Qt5里面qwebchannel.js文件，再定义交互类和Qt5交互二、代码实现在Vue项目中的public

丁爸·2024-08-24 07:00

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。

rain_love_snow·2024-08-24 06:57

如何使用 Vue.js 实现炫酷网页效果：从动态数据可视化到动画按钮的全面示例

这里是一些完整的Vue.js示例代码，你可以直接复制这些代码到你的Vue项目中并运行，来看到具体的效果。

一个代码猎人·2024-08-23 13:08

十五分钟两百行代码，手写一个vue项目全局通用的弹框

前言：我们在写vue项目时，弹框是非常常用的组件，并且在同一个项目中，弹框大多类似。

山里看瓜·2024-08-23 12:34

web端自动化基础篇

一、自动化测试的好处1、缩短测试周期：计算机行业更新迭代快速，大量频繁的回归测试消耗时间，自动化测试能够将重复的实行交给计算机去做，加快测试速度。2、避免人为出错：测试人员不可能持续高度集中，并且人类易受外界影响(头疼脑热，精神不振)，可能会造成人为错误3、测试信息存储：自动化测试将测试信息和数据储存在文件中，思路清晰明确，交接方便4、轻易获取覆盖率：自动化测试能够解放测试人员，使测试人员能够有更

熠漠然·2024-08-23 07:29

Vue+Websocket＜简单实现聊天功能＞

首先创建一个vue项目，会vue的我就不必多说了；然后再创建一个server文件夹，在终端上打开该文件夹，输入vueinit（一直敲"回车"键），最后再建一个server.js文件，如下图代码如下：server.js

黎明寄波澜*·2024-08-23 01:25

【Electron-Vue】搭建Electron-Vue前端桌面应用

目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json

aDiaoYa_·2024-08-21 19:22

Vue项目-Cesium案例（三）

一、HTML经度：{{location.lon.toFixed(6)}}纬度：{{location.lat.toFixed(6)}}二、JavaScriptimport*asCesiumfrom"cesium/Source/Cesium";importCesiumNavigationfrom"cesium-navigation-es6";import{reactive,ref,onMounted}

呆呆的小草·2024-08-21 19:21

Vue项目-Table添加Form表单校验

一、HTML新增表格数据{{row.name}}{{row.age}}{{row.sex}}删除任务信息生成二、JS//------------------->-------------------import{ref,reactive,onMounted,nextTick}from"vue";import{ElMessage}from"element-plus";//--------------

呆呆的小草·2024-08-21 19:21

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项目web端-封装组件