展示: 代码: 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阅读
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
核心代码是 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阅读
首先我们需要写一个弹窗子组件: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阅读
vue局部组件开发的大致思路 最近一直学习vue,跟着视频敲代码,敲了两三个组件后,终于对编写组件有一个大致的思路了,以下通过编写一个alert提示组件大致梳理一下我编写组件的思路。主要分为三个部分:组件引入(注册路由器)、定义组件内容样式及实现组件间通信。 (注册路由器使用路由组件也可放到最后一步,个人习惯先引入然后定义组件及样式便于观察组
转载 2024-01-01 19:26:01
87阅读
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阅读
最近做一个移动端项目,写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一、npm 安装 // 当前最新版本 1.2.0 npm insta
转载 2019-12-20 17:52:00
374阅读
2评论
之前我们讲过弹出信息toast,但是toast并不允许用户进行交互,例如选择确定、取消等操作。所以我们还需要学习对话的制作。对话就是在程序运行中的弹出窗口,主要分为:警告对话、进度对话、日期选择对话、时间选择对话……警告对话简单拖拽一个按钮,绑定一个test事件,然后运用如下代码:package com.example.test_alert; import androidx.app
转载 2023-08-02 17:19:10
290阅读
文章目录添加依赖1、基础2、取消3、添加图标4、自适应按钮5、中立按钮6、回调7、CheckBox8、列表普通列表单选列表多选列表指定id的列表9、自定义View10、输入11、限制有效字数12、加载13、进度条14、样式主题颜色SelectorsGravity添加依赖core版:可以创建basic, list, single/multi choice, progress, input
框子组件 child-dialog.vue: <template> <el-dialog v-if="show" title="提示信息" :visible.sync="show" :close-on-click-modal="false" :destroy-on-close="true" wid
原创 2022-08-04 17:02:44
229阅读
vue编辑、新增(引用外部页面) 2018年06月15日 09:37:20 会飞的猪biubiu 阅读数 10265 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_29384639/article/details/80700882 1、准
转载 2019-07-07 22:02:00
1062阅读
2评论
title:vue设置多选数据表格step1:html<template<vapp<vmain<h1{{selected}}</h1<vdialogvmodel="dialogIncorrectInfo"maxwidth="290"<vcard<vcardtitle选择人员</vcardtitle<vcardtext<p{{selected}}</p<divvfor="(item,i)inna
vue
原创 2021-09-26 17:47:20
795阅读
  • 1
  • 2
  • 3
  • 4
  • 5