AI 助理
备案控制台
文章 2023-12-15 来自：开发者社区

适配针式打印机EPSON爱普生，在vue项目中用原生js搭配iframe完成唤起打印弹窗

被嵌入的frame html页面，命名为index.html，放入static/previewPDF/路径下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=...

适配针式打印机EPSON爱普生，在vue项目中用原生js搭配iframe完成唤起打印弹窗
文章 2023-11-01 来自：开发者社区

vue+elementUI 实现设置还款日字母弹窗组件

1、业务背景 还款业务，设置每月还款日，选每月几号扣款，不需要29、30、31，因为不是每个月都有这三天的 2、预期效果图 3、代码实现 3.1 初始化vue项目 地址：https://cn.vuejs.org/guide/introduction.html 3.2 在项目中应用elementUI 地址：https://element.eleme.io/#/zh-CN/comp...

vue+elementUI 实现设置还款日字母弹窗组件
文章 2023-08-29 来自：开发者社区

VUE系列——弹窗代码编写与调用弹窗过程详解

前言本文主要介绍弹窗的代码，包括前端、js、css样式，以及点击按钮调用弹窗的过程详解。步骤如下：step1 创建一个弹窗Modal.vuetemplate<template> <div class="modal-bg" v-show="show" @mousemove="modalMove" @mouseup="cancelMove"> <div cl...

文章 2023-08-21 来自：开发者社区

vue封装单文件弹窗组件

普通弹窗无非就是新建弹窗文件 引用注册 提供一些数据 再加上某些函数 就能写好一个弹窗组件在页面使用 <template> <div> <messageBox v-if="show">弹出提示</messageBox> <button @click="show = ...

文章 2023-08-17 来自：开发者社区

开发一个简单的 Vue 弹窗组件

更多文章一个弹窗组件通常包含两个部分，分别是遮罩层和内容层。遮罩层是背景层，一般是半透明或不透明的黑色。内容层是放我们要展示的内容的容器。<template> <div class="modal-bg" v-show="show"> <div class="modal-container"> <div cl...

开发一个简单的 Vue 弹窗组件
文章 2023-08-08 来自：开发者社区

vue 校验规则 防止多次点击弹窗重新触发

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" l abel-width="100px" class="demo-ruleForm"> rules: { name: [ { required: true, message: '请输入活动名称', trigger: 'bl...

vue 校验规则 防止多次点击弹窗重新触发
文章 2022-10-19 来自：开发者社区

Vue之函数式弹窗组件的封装原理

vue的封装组件大家都知道，通过props，event，slot 即可实现一个特殊的弹框组件。代码如下：<template> <div> <Alert v-if="show">这是一条提示信息</Alert> <button @click="show = true">显示</button> </...

文章 2022-08-26 来自：开发者社区

浅谈Vue中的this.$nextTick()方法(利用QRCode.js在dialog弹窗中生成二维码)

一：前言最近在做项目时候需要实现微信扫码支付功能，已经在后端获取到了微信服务器返回的Code_url，但是却难倒在了前端如何将Code_url转换成二维码的问题上(还怎么做全干工程师！)，具体问题为获取不到用来装载二维码的div元素对象，从早上弄到下午，无果，晚上经大佬指点了一下豁然开朗，现将此问题记录下来希望有遇到同样问题的人看到我这篇文章后能少走弯路。二：问题引入在项目中我用到的生成二维码工....

浅谈Vue中的this.$nextTick()方法(利用QRCode.js在dialog弹窗中生成二维码)
文章 2022-06-22 来自：开发者社区

论如何用Vue实现一个弹窗-一个简单的组件实现

前言最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一下，下面本文会带着大家手摸手实现一个弹窗组件。本文主要内容会涉及到弹窗遮罩的实现，slot插槽的使用方式，props、$emit传参，具体组件代码也传上去了。如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本....

论如何用Vue实现一个弹窗-一个简单的组件实现
文章 2022-06-20 来自：开发者社区

Vue封装全局注册弹窗组件，实现全局调用。

1.编写登录弹窗组件新建LoginDialog.vue登录弹窗文件，编写组件基本代码，登录弹窗样式由自己决定。网络异常，图片无法展示|// 这里只给出登录方法，其它方法类似 async userLogin() { let params = { email: this.formLogin.email, password: this.formLog...

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js更多弹窗相关

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注