展示: 代码: 1 <template> 2 <div> 3 <el-col :span="9" style="text-align: right;"> 4 <el-button @click="dialogVisible=true" 5 style="text-align: right;fon
原创 2022-08-11 22:48:47
1477阅读
vue第九课<el-image :src="kingico" @click="isshow()" ></el-imag
原创 2019-05-25 08:43:13
664阅读
最近做一个移动项目,写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一、npm 安装 // 当前最新版本 1.2.0 npm insta
转载 2019-12-20 17:52:00
374阅读
2评论
index.vue <template> <div class="app-container"> <el-card shadow="never"> <el-table v-loading="loading" :data="pageData" highlight-current-row border>
原创 1月前
59阅读
Vue3-Popup 基于vue3构建的手机自定义层组件。一款集合了msg、alert、dialog、modal、actionSheet、toast等多种效果的Vue3自定义层组件。支持上下左右弹出、圆角、自定义层样式、多按钮及长按/右键功能。引入v3popup// 在main.js中全局引入 import { createApp } from 'vue' import App from
如上图所示,这次要实现一个点击出现操作的效果;并将这个功能封装成一个函数,便于在项目的多个地方使用。具体思路是:    封装一个组件,组件保护一个插槽,我们可以根据不同的场景,利用插槽随意在这个里插入任何元素,这个显示时根据我鼠标的点击位置,定位弹窗的位置,并在组件里面监听鼠标抬起事件,触发事件时将弹窗隐藏;接着在函数中利用createEleme
在移动 iOS 中使用 Vue 开发时,可能会遇到一个棘手的问题:输入弹出时会把顶上去。这个问题影响了用户体验,造成了界面的不协调。今天,我们就来深入讨论一下这个问题。 ### 问题背景 在移动开发中,用户输入常常需要依赖输入来进行信息的填写。然而,当用户在 iOS 设备上点击输入时,键盘弹出会自动推送页面的布局,这种情况下,可能会将顶到页面上面,导致用户难以完成输入,甚至影
原创 6月前
143阅读
# Python实现桌面提示 ## 1. 引言 在开发过程中,有时候我们需要在桌面上显示一些提示,以向用户展示一些关键信息或者进行交互。本文将介绍如何使用Python实现在桌面上输出提示的功能。 ## 2. 实现流程 下面是整个实现过程的流程图: ```mermaid flowchart TD A[导入所需库] --> B[创建GUI窗口] B --> C[创
原创 2023-08-31 11:14:59
284阅读
# 移动 jQuery 插件的实现指南 在开发移动应用时,(也称模态)是常用的交互方式之一。本文将指导你如何使用 jQuery 创建一个简单的移动插件。以下是整个过程的概览: ## 整体流程 | 步骤 | 描述 | |------|-------------------------| | 1 | 引入jQuery库
原创 10月前
128阅读
核心代码是 getCookie()部分,控制的显示隐藏则在 created()中。 原文地址:https://segmentfault.com/a/1190000013019136
转载 2018-11-13 14:19:00
938阅读
2评论
element-ui中Dialog拖动 自己码的源码 借用网上样例,网上样例不支持在浏览器可见范围内拖动,在结合vue-element-ad...
原创 2022-03-17 14:00:18
851阅读
vue 全局自定义简单
转载 2019-08-23 15:04:00
303阅读
2评论
首先在router创建一个js文件js文件内容://页面调用 v-dialogpop-upimport Vu
原创 2022-09-06 12:25:08
243阅读
本篇文章将封装一个优雅的项目级通用弹出。该弹出实现重用的同时,将内容与表现分离,让使用者可以专注于绘制框内容,而不用在意的具体实现。文章阅读预计15分钟。成果预览:一 父组件准备我们创建文件modelTest.vue,将其引入父组件并注册。// 父组件 <template> <div class="home"> <button @cl
转载 2024-09-30 06:38:57
819阅读
  jQuery 模态窗口插件帮助网站开发人员显示网页中的特定内容,让用户聚焦到这个地方。模态窗口是嵌入到当前网页中,不用重定向到新网页的弹出窗口。这种技术可以用在图像画廊,电子商务网站,登陆,电子邮件注册,表单等场合。jQuery Modal(模态窗口)插件可以让用户专注于内容。  在这篇文章中,我们收集了15款最好的 jQuery 模态窗口插件,将帮助你在你的 Web 应用中实现模式窗口。如
首先我们需要写一个弹窗子组件:children.vue第一个问题:子组件是显示父组件的提示信息的,并且有确认与取消按钮!那如何由父组件自己去定义写入子组件的HTML元素:子组件里用来接受父组件自己写入的HTML第二个问题:子组件的高度是根据父组件写入的HTML自动变化宽度和高度的,那我们都知道弹窗必然是固定居中在页面中央的,对于自动变化的宽高盒子我们如何居中:首先position:fixed;固定
原创 2021-05-20 08:10:49
666阅读
# 如何实现 Android Vue 页面中心弹出 在 Android 应用开发中,使用 Vue.js 作为前端框架日渐流行,特别是在搭建移动界面时,能够有效提高开发效率。本文将教你如何在 Android 环境中实现 Vue.js 页面的中心弹出效果。整个流程将分为几个步骤,接下来我们将使用表格展示这些步骤,并详细讲解每一步的代码实现。 ## 流程概览 以下是实现 Vue 页面
原创 2024-10-21 08:00:16
58阅读
this.$showModal({ show: true, obj: { title: '温馨提示', dialog_msg: '测试测试测试测试', button_confirm: '确定', button_cancel: '取消', }, onClick: (val) => { ...
原创 2022-07-25 16:31:13
198阅读
项目简介是一个基于 Vue.js 的 UI 组件库,它是 Ant Design 设计语言在 Vue 生态中的实现,致力于提供高质量的前端开发解决方案。该项目由 Ant Financial 开源,与 Ant Design React 版本保持一致的设计理念和组件体系,为 Vue 开发者带来了与之相媲美的开发体验。技术分析组件丰富Ant Design Vue 包含了大量的 UI 常见组件,如表格、按钮
转载 8月前
19阅读
vue局部组件开发的大致思路 最近一直学习vue,跟着视频敲代码,敲了两三个组件后,终于对编写组件有一个大致的思路了,以下通过编写一个alert提示组件大致梳理一下我编写组件的思路。主要分为三个部分:组件引入(注册路由器)、定义组件内容样式及实现组件间通信。 (注册路由器使用路由组件也可放到最后一步,个人习惯先引入然后定义组件及样式便于观察组
转载 2024-01-01 19:26:01
87阅读
  • 1
  • 2
  • 3
  • 4
  • 5