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

黑豹程序员-封装组件-Vue3 setup方式子组件传值给父组件

需求封装组件需要使用到Vue3中如何定义父子组件，由子组件给父组件传值核心代码如何使用emits组件点击按钮import{ref,defineEmits}from'vue'constemits=defineEmits

长安紫薯·2024-02-05 11:09

web测试前的准备

今天主要所讲的内容是关于web端页面测试的，对于从事这方面的小伙伴来说，接触的应该是比较多的，对于页面测试来说，考虑的步骤、流程是很多的，还有考虑测试中的一些有效测试和无效测试，所以今天讲解的主要功能测试

VE视频引擎·2024-02-05 10:33

vue前端+nodejs后端通信-简单demo

技术架构前端vue+axios后端nodejs+express一、前端部分-搭建VUE项目vuecreateVnodenpmrunserve启动；具体操作步骤，请自行百度，这里没什么难度昂。

和世界不一样，那就不一样！·2024-02-05 10:01

使用Jenkins中的Pipeline流水线自动化部署前端Vue项目

1、pipeline简介：JenkinsPipeline是一套插件，支持将连续输送Pipeline实施和整合到Jenkins。Pipeline提供了一组可扩展的工具，用于通过PipelineDSL为代码创建简单到复杂的传送Pipeline语法：agent：表示Jenkins应该为Pipeline的这一部分分配一个执行者和工作区。stage：描述了这条Pipeline的一个阶段steps：描述了要在

珍朱(珠)奶茶·2024-02-05 09:42

python Flask 写一个简易的 web 端程序（附demo）

pythonFlask写一个简易的web端程序（附demo）介绍简单介绍装饰器@app.route("/")进阶增加接口设置端口静态网页核心代码完整代码介绍Flask是一个用于构建Web应用程序的轻量级

盗理者·2024-02-05 09:04

Vue 实现动态路由

以下是实现动态路由的一些基本步骤和概念：安装和设置VueRouternpminstallvue-router#或者yarnaddvue-router#或者pnpmaddvue-router定义路由和路由器实例在Vue

正宗咸豆花·2024-02-05 08:02

解决prettier和eslint冲突详细配置

而在vue项目中，vetur插件必不可少，所以

IT_Ping·2024-02-05 08:57

(十一)ATP应用测试平台——使用vue-video-player视频播放组件实现网页视频流的播放案例实战

前言在网页中播放视频也是我们经常要使用到的功能，例如设备监控的视频流实时播放，MP4、m3u8等视频资源播放等等，在vue项目中，我们可以使用目前封装好的开源组件vue-video-player实现上述的要求

厉害哥哥吖·2024-02-05 07:36

(十二)ATP应用测试平台——关于vue中Vue-Quill-Editor、Mavon-Editor、Tinymce等多种富文本编辑器的集成使用

前言本节我们主要介绍几种在vue项目中使用较为广泛的富文本编辑器，其中主要包括Vue-Quill-Editor、mavon-editor以及tinymce等的集成及使用。

厉害哥哥吖·2024-02-05 07:36

视频教程-Flutter入门与进阶-flutter

擅长语言：Object-C、Swift、Flutter、Java、C/C++、docker实战：1、高并发即时音视频服务：基于开源WebRTC流媒体服务器进行二次开发，支持高并发的移动端与Web端视频会议项目以及以及

weixin_28741153·2024-02-05 07:13

萤石云平台使用 - IPC接入

3.创建“应用信息”获取临时访问token4.摄像机连接到外网环境，WEB端登录摄像机，开启萤石云功能。首次开启萤石云功能时，摄像机会强制用户设置验证码。

QQ_1695710968·2024-02-05 06:45

vue学习笔记之项目工程化开发

一：介绍及使用：二：脚手架目录文件介绍：三：项目运行流程：3.1main.js文件和App.vue文件之间的关系：main.js文件：main.js是Vue项目的主入口文件，负责初始化Vue应用并挂载根组件

我真卷不动啦。。。·2024-02-05 01:03

webpack+vue

article/details/54926859vue导航和首页轮播图实现https://blog.csdn.net/lvlemo/article/details/78264403使用webpack创建vue

贝灬小晖·2024-02-04 18:50

如用postman进行web端自动化测试（超详细解析）

前言概括说一下，web接口自动化测试就是模拟人的操作来进行功能自动化，主要用来跑通业务流程。主要有两种请求方式：post和get，get请求一般用来查看网页信息；post请求一般用来更改请求参数，查看结果是否正确变化；post请求还能用来验证字段的边界值、是否能为空和验证字段可输入的类型。web接口测试只涉及http/https请求，需要输入的内容有：请求方法、url地址、header相关信息、b

shanmao001·2024-02-04 17:10

文件上传总结

二.原理：文件上传漏洞是指用户通过界面上的上传功能上传了一个可执行的脚本文件，而WEB端的系统并未

晓幂·2024-02-04 17:55

Vue中嵌入原生HTML页面的方法

在你的Vue项目中，创建一个新的.vue文件，例如MyHTMLPage.vue。在该文件中，使用template标签来包裹你的原生HTML代码。例如：HelloWorld!

&ACE&·2024-02-04 12:45

vue3学习——svg使用及封装组件，color不生效问题

安装pnpminstallvite-plugin-svg-icons-D在vite.config.ts中配置插件import{createSvgIconsPlugin}from'vite-plugin-svg-icons'importpathfrom'path'exportdefault()=>{return{plugins:[createSvgIconsPlugin({//Specifythei

可乐KL·2024-02-04 12:19

Vue项目刷新出现404问题

vue页面访问正常，但是只要一刷新就会404的问题有以下两种解决办法：1、将vue路由模式mode:'history'修改为mode:'hash'将用于路由的js文件里面的mode值改下就行，例如我的js文件如下图//index.js文件constrouter=newRouter({//mode:'history',mode:'hash',routes:[{path:'/',redirect:'/

星浩前进中·2024-02-04 11:07

element ui vue项目部署到线上, 刷新页面报404

elementuivue项目部署到线上,刷新页面报404elementuivue项目部署到线上,刷新页面报404解决办法如下:修改nginx配置文件error_page404/404.html文件为error_page404

wqhjfree·2024-02-04 11:07

vue项目线上页面刷新报404 解决方法(绝对有用)

vue项目线上页面刷新报404解决方法(绝对有用)参考文章：（1）vue项目线上页面刷新报404解决方法(绝对有用)（2）https://www.cnblogs.com/programmer-tlh/p

wangchaoqi1985·2024-02-04 11:36

vue项目线上页面刷新报404 解决方法

一.修改配置文件nginx.conf，并重新加载或重启我的nginx版本是1.9.9location/{try_files$uri$uri//index.html;}原因：打包后的dist下只有一个index.html文件及一些静态资源，这个是因为Vue是单页应用(SPA)，只有一个index.html作为入口文件，其它的路由都是通过JS来进行跳转接下来看一下服务器的配置，以nginx为例serv

你好龙卷风！！！·2024-02-04 11:36

服务端实现微信登录多开

实现登录微信思路1、web端通过websocket连接与服务器通信2、发送信息告知服务器登录微信3、服务端实例化一个登录微信的对象，触发登录事件，这里就会生成一个登录二维码，并将二维码的链接发送到web

今天也想MK代码·2024-02-04 11:53

使用typescript构建Vue2应用

一、vue项目初始化-引入typescript使用typescript构建vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上

ihaveadream丶·2024-02-04 11:17

创建一个Vue项目（含npm install卡住不动的解决）

目录1安装Node.js2使用命令提示符窗口创建Vue2.1打开命令提示符窗口2.2初始Vue项目[email protected]运行Vue项目3.1命令提示符窗口

厂里英才·2024-02-04 08:20

Vue项目安装axios报错

Vue项目安装axios报错现象解决方法原因分析现象vue-cli搭建完项目，输入命令npmiaxios-S安装axios时报如下错误。

雪顶猫的鳄·2024-02-04 06:36

小程序/App和H5/Web端代理问题梳理

思路：web端和h5是需要在浏览器访问的，由于浏览器的同源(同域)策略，会出现跨域的情况，所以需要在配置文件中添加反向代理。

别拿曾经看以后~·2024-02-04 05:15

前端Vue项目实现钉钉扫码免登录

从前端实现的原理是引入二维码后，拿到返回页面的code，将code传到服务器获取数据库里的用户信息，匹配进行放行第一步：在钉钉开发者平台创建一个应用，拿到相对应的appId,测试时回调地址可以直接填自己本地在public中的index.html引入钉钉依赖在页面template中放一个盒子存放二维码

春风得意的风·2024-02-04 03:56

vue插件-什么时候该用什么插件？-来自于三人行慕课

原文链接：https://www.3mooc.com/front/articleinfo/174在开发vue项目的时候，很多小伙伴不知道在目前的情况应该用什么样的插件或者即使知道，找起来插件发现很麻烦的一件事情

三人行慕课·2024-02-04 03:15

通过宝塔面板部署前后端分离Vue项目

宝塔面板部署前后端分离Vue项目一、首先进入宝塔页面在云服务器控制台，远程连接实例，在shell命令行中输入/etc/init.d/btdefault获取宝塔面板网站，输入账号密码，进入宝塔控制台。

iiLeon·2024-02-03 22:41

解决Vue项目打包部署后再开发者工具中能看到源代码的问题

解决Vue项目打包部署后再开发者工具中能看到源代码的问题，步骤如下：1、package.json新增如下配置"vue":{"productionSourceMap":false}2、vueconfig.json

西红薯炒番茄·2024-02-03 22:13

如何把vue项目打包成桌面程序 electron-builder

引入我们想要把我们写的vue项目,打包成桌面程序，我们需要使用electron-builder这个库如何使用首先添加打包工具vueaddelectron-builder选择最新版本下载完毕我们可以看到我们的

zhuyua·2024-02-03 21:06

Relation-graph关系图/流程图，VUE项目基础使用

二、网站：RelationGraph：官网网站快速使用参数配置：参数三、VUE项目使用项目中引用relation-graph：安装：##npm下载npmins

和世界不一样，那就不一样！·2024-02-03 20:07

【Vue】2-14、插槽 & 自定义指令

允许封装者在封装组件时，把不确定的，希望由用户指定的部分定义为插槽。

QX_Java_Learner·2024-02-03 19:38

bootstrapTable嵌套input，实现上下左右和tab键切换

封装组件js-----keyDown.js$(function(){vartable={size:$("#size").val()};varinputnum=0;//键盘事件document.onkeydown

wengelovelian·2024-02-03 18:07

【自动化测试】---Selenium+Java

1.自动化测试分类接口自动化测试UI自动化测试（移动端自动化测试、Web端自动化测试）2.选择Selenium作为web自动化工具原因（面试题）开源免费支持多个浏览器支持多个系统支持多语言Selenium

小帅没烦恼～·2024-02-03 16:35

Vue项目套壳安卓webview项目记录

1、安装AndroidStudio，不再赘述，可查阅博客2023最新版Androidstudio安装入门教程（非常详细）从零基础入门到精通，看完这一篇就够了。-CSDN博客2、新建Android项目打开主界面activity_main.xml，在里面放一个WebView：代码如下：打开MainActivity.java文件，让WebView全屏显示，并设置常见网络地址测试网络：代码如下：impo

jimson_zhu·2024-02-03 12:10

使用videojs来实现视频拖拽在线播放web端

先下载video.js。video的官方js文档：https://docs.videojs.com/其他的简介文档：http://www.jq22.com/jquery-info4041.html页面显示的信息页面显示的信息··Mp4预览body{background-color:#0000}.m{width:960px;height:400px;margin-left:auto;margin-r

my_interface·2024-02-03 12:10

react-native-drawer抽屉使用

react-native-drawer’使用组件:`type:抽屉展示形式，分为三种：displace,overlay,static，效果可以自己尝试一下；content：展示的内容，一般开发中这里放一个抽屉中展示内容的封装组件

iyy.·2024-02-03 10:36

vue项目中如何关闭或者自定义eslint规则

我们在开发中，有时候编译运行之后，控制台会报一些eslint检测的信息比如空格缩进问题，结尾分号问题。。。。有时候看到就会很无语，明明代码写的没有问题，但是编译之后就会有很多提示信息。那么我们如何关闭或者自己定义eslint的规则呢？关闭直接注释掉package.json文件中eslint的配置就行了自定义在package.json文件下修改eslint的ruleimage.png修改rule的格

二营长家的张大炮·2024-02-03 09:20

vue-3d-model

vue-3d-model-npmGitHub-hujiulong/vue-3d-model:vue.js3Dmodelviewercomponent通过该插件降低Threejs的使用难度vue项目加载三维模型

dragonzoebai·2024-02-03 09:07

【VUE】VUE - CLI 创建一个 VUE 3 项目详细步骤 , 继承路由、Element-UI-Plus

2、安装VueCLInpminstall-g@vue/cli3、创建一个新的Vue项目npxvuecreatevue-yanxi过程中询问你一些配置选项。

乐乐家的乐乐·2024-02-03 08:52

Vue项目打包上传GitHub遇到的问题

路径问题之前在本地预览项目，在本地路由中使用的模式是history模式，但是发现在GitHub上预览项目，点击各种路径无法跳转。更改为hash模式可以解决。在router文件夹中的indes.js文件中，相当于更改回了默认模式mode:'hash',constrouter=newRouter({mode:'hash',routes:[...]})虽然这样子有难看的#，但是可以保证使用。整个页面无法

校长的哲学·2024-02-03 06:29

vue3项目中数字滚动效果

前言：目前大多数新的vue项目都采用了vue3去写，在最近的项目中，需要展示数字滚动的效果，我就想到了之前用多的vue-count-to数字滚动插件，发现这个插件只使用于vue2项目，在vue3项目中并不试用

张不大了·2024-02-03 05:17

一文速学-selenium高阶操作连接已存在浏览器

前言不得不说selenium不仅在自动化测试作为不可或缺的工具，在数据获取方面也是十分好用，能够十分快速的见到效果，这都取决于selenium框架的足够的灵活性，甚至在一些基于web端的自动化办公都十分有效

fanstuck·2024-02-03 03:10

VUE项目导出excel

导出excel主要可分为以下两种：1.后端主导实现流程：前端调用到导出excel接口->后端返回excel文件流->浏览器会识别并自动下载场景：大部分场景都有后端来做2.前端主导实现流程：前端获取要导出的数据->把常规数据处理成一个excel文件->浏览器识别下载场景：少数据量的导出本文章主要讲述以插件辅助前端导出的流程。插件导出流程：创建一个工作簿创建一个工作表把工作表加入到工作簿中调用插件方法

煸橙干儿~~·2024-02-03 03:33

vue项目在线预览和下载文档

在线预览：利用微软提供的OfficeOnline平台，即可实现在线预览doc、ppt、excel等文档。地址为：https://view.officeapps.live.com/op/view.aspx下载：若要实现下载功能，直接将url赋值给a标签的href属性即可下载实现方案：合同名称data(){return{contractUrl:'http://yjy-teach-oss.oss-cn-

煸橙干儿~~·2024-02-03 03:00

重新配置vue项目时出现的：连接已断开问题

在新机器上配置完node.js、vue-cli，配置了node_modules后，命令行运行vueui后，出现了如下报错：C:\Users\LEN>vueuiStartingGUI...Readyonhttp://localhost:8000node:events:496thrower;//Unhandled'error'event^Error:ENOENT:nosuchfileordirecto

crayongrq·2024-02-03 03:19

Java项目：基于springboot+vue考研资讯管理网站——计算机毕业设计

运行环境：开发工具:IDEA/Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架springboot+vue项目介绍对于本考研资讯平台的设计来说，它主要是采用java

q_1039692211·2024-02-03 02:00

Vue加载序列帧动图

解读方法使用加载图片动态更改src的值使用requestAnimationFrame定时更新在需要的页面调用封装的组件封装组件账号绑定中，请稍等…exportdefault{mounted(){this.handleLoad

永不满足的求知者·2024-02-03 02:00

java基于springboot+vue考研资讯管理网站——计算机毕业设计