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

Vue项目Hash/History模式下的分享问题

经过测试和总结，有以下几点：使用hash模式和history模式都有需要注意的地方去配置：不同系统打开页面时链接变化hash模式hash模式是默认的，在连接上自动生成的#，需要注意的是安卓会在打开新页面时候，自动截取掉#后面的参数，之前的微信支付调用授权时，hash模式下安卓系统页面跳转回来都不会刷新，导致无法获取新链接中的参数。此处注意的是不能使location.search不能为空，也就是需要

phcodebook·2024-08-28 20:28

快速删除前端vue项目的依赖

npminstallrimraf-grimrafnode_modules有些时候项目启动不在希望的端口，解除端口占用8080是被占用的端口netstat-ano|findstr:808011120是找到的进程taskkill/PID11120/F在网页创建新分支devgitremoteupdateorigin-p//更新远程分支gitbranch-a//查看所有分支gitcheckoutdev//

代码老祖·2024-08-28 03:47

使用Vue创建cesium项目模版该如何选择？

在Vue项目中创建Cesium工程时，选择合适的模版对于项目的开发效率和后期维护至关重要。关于cesium、ces

激动的兔子·2024-08-28 03:16

vue 如何合并两个项目_实例详解Vue基础学习之项目整合及优化

Vue基础学习之项目整合及优化前言使用webpack构建过Vue项目的同学应该知道alias的作用，我们可以使用它将复杂的文件路径定义成一个变量来访问。

weixin_39690401·2024-08-28 02:42

Axure设计之Web端交互元件库

招风的黑耳·2024-08-27 15:04

el-table自定义排序

需求：Vue项目用到了el-table做的表格，需要前端根据指定条件去排序表格，后端没有进行排序。

百思不得小李·2024-08-27 11:37

Vue3 递归组件

本文简介点赞+关注+收藏=学会了在日常Vue项目中，大概率会用组件库辅助开发，所以递归组件的出镜率可能不会非常高。但这并不代表递归组件不重要。本文用10分钟左右的时间让你掌握递归组件的用法。

德育处主任Pro·2024-08-27 10:26

Vue项目实战系列（一）：如何修改个人信息

Vue项目实战系列（一）：如何修改个人信息当你登录网站的时候，那么你肯定会有自己的个人信息，比如昵称，账户名，头像，性别以及电话等等。

前期后期·2024-08-27 01:05

前端实习手记（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

推荐频道

vue项目web端-封装组件