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

k8s 进阶实战笔记 | Pod 创建过程详解

Pod创建过程详解初始状态0controller-manager、scheduler、kubelet组件通过list-watch机制与api-server通信并检查资源变化第一步用户通过CLI或者WEB

小鲸鱼大梦想·2024-01-27 18:21

vue报错之Duplicate keys detected: ‘0‘. This may cause an update error.

运行vue项目的时候，出现了[Vuewarn]:Duplicatekeysdetected:'0'.Thismaycauseanupdateerror（错误，检测到重复的key值：”0“，这可能会导致更新错误

Star航仔·2024-01-27 17:20

vue项目中使用Element多个Form表单同时验证

一、项目需求在项目中一个页面中需要实现多个Form表单，并在页面提交时需要对多个Form表单进行校验，多个表单都校验成功时才能提交。二、实现效果三、多个表单验证注意项：多个form表单，每个表单上都设置单独的model和ref，不能同时使用，否则每个表单上的校验提示会失效。确定取消3.1、方式一：依次对两个表单进行校验exportdefault{data(){return{form1Mode:{u

Star航仔·2024-01-27 17:16

vue项目如何实现运行完项目就跳转到浏览器

在package.json中的启动命令中添加--open参数可以实现在Vue项目编译后自动打开浏览器的功能。

娃哈哈哈哈呀·2024-01-27 17:22

vue项目如何打包，java项目如何打包

目录vue项目如何打包java项目如何打jar包使用Maven打包为JAR（方式一）视图：先双击clean再双击package即可打包使用Maven打包为JAR（方式二）命令：1、确保你已经安装了Maven

娃哈哈哈哈呀·2024-01-27 17:19

自动化测试——selenium工具（web自动化测试）

2、自动化测试的分类接口自动化测试UI自动化测试（界面测试）：移动端自动化测试web端自动化测试3、selenium（web自动化测试工具）为什么选择selenium作为我们的web自

玫瑰永不凋零呀·2024-01-27 16:07

vue项目解决el-table自适应高度,vue页面不显示多条滚动条，超出的部分让el-table内部出现滚动条（推荐使用第二种解决方案；TAdaptivePage 组件新增左右分栏布局）

一、需求后台管理系统：最常见的页面都是由—>左侧菜单、头部+tabView页签、主体数据渲染页面（AppMain）；而一般AppMain页面又分为：搜索区域、table数据（分页），可能也会存在底部（footer）;大体样子如下：具体需求就是：整个页面不出现滚动条，而超出的部分让table自适应高度（即：让table内部出现滚动条），从而让整个页面一屏显示完整。二、最终效果三、第一种解决方案（推荐

wocwin·2024-01-27 16:36

在vue项目中使用mockjs

这里的vue项目是基于vue-cli创建的项目首先我们需要在项目里安装mocknpmimockjs-S安装后我们在src目录下创建一个mock目录src/mock/index.jsconstMock=require

不7而遇_·2024-01-27 14:28

vue3之hello world

一、前期准备vue环境搭建https://mp.csdn.net/mp_blog/creation/editor/135712083书接上回我们学习了搭建环境和创建vue项目，在桌面上创建了hello_vue3

<有心人>·2024-01-27 13:14

Vue 技术的小技巧

Vue项目开发中经常遇到事件阻止冒泡的需求。在传统的写法上就是调用event.preventDefault()、event.stopPropagation()。

FantasticLBP·2024-01-27 13:08

Linux测试环境部署和项目搭建

目标1、掌握Linux系统上安装JDK的安装2、掌握Linux系统上安装Mysql的安装3、掌握Linux系统上安装Tomcat的安装4、掌握Linux中web端项目部署(jenkins.war)一、远程连接工具的使用

澄子_向钱看·2024-01-27 12:21

vue 构建如何配置 CDN

在有些场景并不是直接将vue项目进行构建上传到本地服务器的，而是需要采用CDN的方式。

April_zk·2024-01-27 10:43

vue打包后路径失效、找不到、404的问题

vue打包路径丢失的问题在vue项目打包以后，本地打开项目会出现css、js路径404的问题，这是因为vue打包后的路径默认是根路径。

April_zk·2024-01-27 10:13

VSCode Vue项目中报错 [vue/require-v-for-key]

报错[vue/require-v-for-key]Elementsiniterationexpecttohave'v-bind:key'directives.eslint-plugin-vue解决办法：在设置里把这个取消勾选

洛洛31·2024-01-27 09:22

Vue+Electron项目学习（一）（electron-builder + electron-updater + electron-log）

创建Vue项目这里使用vueui创建项目我选择使用yarn作为包管理器，各位看官按自己的喜好来~我选择自己预定的模板，大家可根据自己喜好选择。创建项目，完成vue项目创建。

那年的人和事·2024-01-27 09:28

已解决：安卓，怎么优雅接入科大讯飞语音评测功能？

之前接入过web端的语音评测，那叫个麻烦建议大家不要轻易尝试，如果大家有必要的需求，可以尝试，但是建议不要玩，容易入坑。文章结尾有对各平

刚作愁时又忆卿·2024-01-27 09:06

vue使用axios轮询请求方案

目前的采取的方案：①在vue项目中定义一个定时器每隔2秒进行一次axios请求。②在vue项目中当axios请求成功返回后再重新请求（子子孙孙无穷尽）。

唐代王维写代码·2024-01-27 08:07

SpringBoot+Vue项目启动

1.项目部署安装脚手架npminstall-g@vue/cli全局安装创建项目命令行创建：vuecreate图形界面创建：vueui可进行安装插件的修改Idea编译器配置AddConfiguration中选择package.json并添加npmrun在package.json中的scripts中的serve中添加--open后，运行自动打开页面2.项目编码下载与引入ElementPlus终端下载：

梅景治·2024-01-27 08:20

Springboot-Vue项目框架每部分的介绍

Springboot-Vue项目框架每部分的介绍文章目录Springboot-Vue项目框架每部分的介绍前端后端前端后端如上图所示，在Springboot项目中，目录结构有代码层结构和资源文件的结构SpringBoot

微莱羽墨·2024-01-27 08:46

一个新的springboot-vue项目如何启动起来

一个新的springboot-vue项目如何启动起来1.导入mysql打开yml文件修改数据库密码名称用户名2.打开pom.xml配置maven依赖尽量换成自己使用过的版本号，或者打开中央仓库搜索相关内容版本号

迟意..·2024-01-27 08:06

海康大华华为宇视等安防摄像头、NVR、平台网关通过GB28181接入LiveGBS流媒体服务实现WEB无插件直播...

这里提到的LiveGBS就是基于GB28181协议实现的可接入海康、大华、华为、科达、宇视等等各家摄像头、NVR、平台，做到统一管理，以及统一视频接入、并实现WEB端无插件

staritstarit·2024-01-27 06:32

海康、大华摄像头GB28181接入实现WEB端无插件直播

LiveGBS就是基于GB28181协议实现的可接入海康、大华、华为、科达、宇视等等各家摄像头、NVR、平台，做到统一管理，以及统一视频接入、并实现WEB端无插件直播，同时

staritstarit·2024-01-27 06:02

【创建vue项目的两种方式】

Vue环境搭建NodeJs安装包安装淘宝镜像环境搭建webpack安装全局安装@vue/cli查看模板创建项目1.webpack2.vue-cliNodeJs安装包下载链接：官网链接下载下来后，直接傻瓜式的安装即可。通过在cmd控制台输入以下命令查看是否安装成功node-v因为适配某些依赖的原因，我本地使用了16.18.1的版本。安装淘宝镜像npm的服务器是外国的，所以有时候我们安装“模块”会超级

员宇宙·2024-01-27 04:45

使用箭头函数,Eslint报错Expression statement is not assignment or call

vue项目解决:在标签中添加type类型即可

拼命十三娘·2024-01-27 03:08

vue项目开发的完整流程

一.构建vue.js项目1.安装nodehttps://nodejs.org/en/下载完成后，下一步–>下一步–>安装完成验证node是否安装成功:打开命令行(windows)或终端(mac),在命令行(终端)中输入：node-v如果提示出版本信息则说明node安装成功npm-v如果提示出版本信息则说明npm安装成功2.安装vue脚手架:vue-clisudonpminstallvue-cli-

拼命十三娘·2024-01-27 03:38

vue-cli3创建的项目设置自动打开浏览器

问题:Vue-cli3.0创建的vue项目不能自动打开浏览器解决:步骤一:在根目录下创建一个vue.config.js的文件内容:module.exports={//baseUrltype:{string

拼命十三娘·2024-01-27 03:07

el-upload图片上传OSS vue+springboot 简单好copy(代码全)

springboot）创建项目文件（仅供参考）UploadUtil.javaUploadController.java2.前端（vue2+elementUI）创建项目文件（仅供参考）ImgsUpload.vue(封装组件

无情也星海·2024-01-27 01:26

vue项目刷新页面显示Cannot GET

网上很多方法说在webpack.config.js文件中添加devServer:{historyApiFallback:true}但有的项目没有webpack.config.js，此时可以在vue.config.js中进行配置此段代码，效果也是一样的重点！！！要重新运行npmrundev才会生效

大大。·2024-01-27 01:46

Vue项目打包部署到七牛CDN

如果不清楚可以私信我或者可以查看七牛官方文档nodejsSDK表单方式上传，七牛官网文档地址：https://developer.qiniu.com/kodo/sdk/1289/nodejs#form-upload-file目的1.解决带宽报警（服务器带宽小，如何保证网站稳定）2.解决项目上线问题（项目出现Bug，必须当时上线，上线成功之后，一下会有大量请求进来，如何保证网站正常运行）3.访问速度

昔年mc·2024-01-27 01:33

Windows中将vue项目部署在nginx上，并配置域名cdn加速

目录nginx常用命令下载nginx：cdn加速配置SSl，https方式一：阿里云官网中配置【强烈推荐】方式二：注意：nginx常用命令开启nginx服务：startnginx关闭nginx服务，快速停止nginx，可能并不保存相关信息：nginx-sstop关闭nginx服务，完整有序的停止nginx，并保存相关信息：nginx-squit重载nginx服务，当你改变了nginx配置信息并需要

疆~·2024-01-27 01:03

vue项目打包部署到服务器并使用cdn加速

配置vue.config.js文件constisProd=process.env.NODE_ENV==='production'module.exports={//其他配置chainWebpack:config=>{//生产环境下使用CDNif(isProd){config.plugin('html').tap(args=>{args[0].cdn=assetsCDNreturnargs})}},

白小白灬·2024-01-27 01:00

解决vue项目中@mousemove 事件子元素触发了父元素事件

在Vue项目中使用@mousemove事件从$event中获取x与y轴时,如果绑定此事件的元素内还有别的子元素那么同样会触发mousemove事件,但是$event.target会是这个子元素,到这一步就算通过

俺叫陈子健·2024-01-27 01:29

vue项目获取浏览器地址栏参数方法 ?aaa=111&bbb=222（非路由传参）

vue项目获取浏览器地址栏参数?

一室易安·2024-01-27 01:59

vue项目如何避免子元素触发父元素的mouseout事件

https://blog.csdn.net/wsxc451/article/details/104239969使用yarn安装时，有时候会出现版本问题；造成mouseovermouseout全部分类菜单放上后子元素会触发mouseout；最终查到原因是因为浏览器兼容性问题；项目中给父元素加了mouseover、mouseout事件，但是，鼠标移动到子元素上总会自动触发mouseout事件，使用pr

H-L·2024-01-27 01:28

Vue构建项目断点调试过程问题总结

本文对vue项目debug过程可能碰到的问题进行总结，持续更新。

baorant在写代码·2024-01-26 23:15

VUE--VUEX

一、什么是VuexVuex就是一个vue的状态（数据）管理工具，是vue项目实现大范围数据共享的技术方案。能够方便、高效的实现组件之间的数据共享。

煸橙干儿~~·2024-01-26 20:12

ruoyi-vue项目中当使用request.js请求后他时，返回非200状态码时request.js会抛出控制台异常导致后续逻辑不执行的解决办法

背景：因表单提交后台逻辑较多，执行速度超过3秒所以提交时添加了遮罩加载层，当后台返回非200状态码时request.js会抛出控制台异常导致后续逻辑不执行了，使用try-cat.catch捕获异常也无效，因为request.js会优先拦截处理解决办法：修改request.js中的拦截器方法：//响应拦截器service.interceptors.response.use(res=>{//未设置状态

往事不堪回首..·2024-01-26 19:56

在vue项目中使用less

3c9795394f14·2024-01-26 19:36

项目性能优化之用compression-webpack-plugin插件开启gzip压缩

背景：vue项目打包发布后，部分js、css文件体积较大导致页面卡顿，于是使用webpack插件compression-webpack-plugin开启gzip压缩前端配置vue.config.js先通过

weixin_42254016·2024-01-26 18:55

面试官：说说如何在Vue项目中应用TypeScript？

一、前言与如何在React项目中应用TypeScript类似在VUE项目中应用typescript，我们需要引入一个库vue-property-decorator，其是基于vue-class-component

动感超人，·2024-01-26 18:36

TypeScript深度剖析:Vue项目中应用TypeScript？

一、前言与link类似在VUE项目中应用typescript，我们需要引入一个库vue-property-decorator，其是基于vue-class-component库而来，这个库vue官方推出的一个支持使用

嚣张农民·2024-01-26 18:06

如何在Vue项目中应用TypeScript？

文章目录一、前言二、使用@Componentcomputed、data、methods@props@watch@emit三、总结一、前言与link类似在VUE项目中应用typescript，我们需要引入一个库

花言儿·2024-01-26 18:05

vue3+WebRTC拉流（正确姿势）

1.实时通信：2.网络穿越：3.媒体处理：4.数据通道：5.使用场景:二、使用webRtc引用到Vue项目步骤1.引入库2.git仓库地址（项目/dist里有jswebrtc.min.js文件）：3.示例代码

yasuo56·2024-01-26 17:06

【融职培训】Web前端学习第7章 Vue基础教程2 创建Vue项目

一、使用vue/cli创建Vue项目在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示：npminstall-g

lmonkey_01·2024-01-26 16:59

vue项目 nginx部署

如果端口没被占用可以不用修改server_namelocalhost;#charsetkoi8-r;#access_loglogs/host.access.logmain;rootD:/lxw/dist;#vue

乱蜂朝王·2024-01-26 15:33

NodeJS管理工具nvm的安装与vue项目的创建

NodeJS管理工具nvm的安装与vue项目的创建1、本地清理（如果之前从未安装过node，可忽略）如果之前安装过node，需要先清理本地安装，参考教程：windows中如何将已安装的nodejs高版本降级为低版本

AquaMriusC·2024-01-26 15:30

Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x

关联链接1.Windows10-Node与Vue-安装Vue2.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node绝对环境隔离-Node进阶测试环境Windows10nvm的测试版本:1.1.11Node:16.18.1一、安装V-cli3的脚手架具体参考1.Windows10-Node与Vue-安装Vue2

沐修·2024-01-26 15:28

nvm + nodejs + vue项目环境搭建备忘

内容介绍：传统JavaScript传统JavaScript运行在浏览器上，浏览器内核分为两个部分：渲染引擎渲染HTML和CSSJavaScript引擎负责运行JavaScriptChrome使用的JavaScript引擎是V8，速度非常快且性能好。Node.jsNode.js是一个基于ChromeV8引擎的开源和跨平台的JavaScript运行环境。Node.js实质是对ChromeV8引擎进行了

feir_2011·2024-01-26 15:58

【NVM】npm多版本管理工具安装踩坑：vue-cli无法正常升级创建vue项目

遇到问题使用nvm多版本管理npm后vue-cli无法正常使用创建vue项目，到处查了很多资料修改都不对，最后找到了一篇比较靠谱的借鉴参考终于解决了问题。

RachelY111·2024-01-26 15:27

0125-1-vue3初体验

vue3尝鲜体验初始化安装@vue/cli@next：yarnglobaladd@vue/cli@next#ORnpminstall-g@vue/cli@next然后在Vue项目运行：vueupgrade

武昌库里写JAVA·2024-01-26 12:41

推荐频道

vue项目web端-封装组件