ivew 封装删除对话框

封装的组件

<template><Modal footer-hide  :closable="false" title="删除确认" v-model="modalShow" :styles="{top: '20px'}"><div style="text-align:center"><p>你确定删除吗？</p></div><Divider /><div style="display: flex;flex-direction: row;justify-content:space-between;"><Button @click="$emit('cancelModel')">取消</Button><Button type="primary" @click="$emit('okModel')">删除</Button></div></Modal>
</template>
<script>
export default {name: "deletemodal",props: {modalShow: Boolean}
};
</script>

组件引入

import DeleteModel from "../../components/DeleteModel/DeleteModel";components: {DeleteModel},

使用组件

 <DeleteModel :modalShow="modalShow" @cancelModel="cancelModel" @okModel="okModel" />

数据：

     modalShow: false,

子组件传递给父组件的方法的实现

   cancelModel() {this.modalShow = false;},okModel() {this.modalShow = false;var arr = [];arr.push(this.roleId);deletcile(arr).then(res => {this.$Message.success(res.data.msg);this.reload();}).catch();// console.log(e);},

效果：

转载于:https://www.cnblogs.com/guangzhou11/p/11357000.html

ivew 封装删除对话框相关推荐

html确认删除对话框的实现并控制动作的执行
vedio1 目的:防止删除blog的时候出现误删的情况,在点击删除按钮之后弹出确认删除对话框,使操作更人性化. 删除按钮是一个<a>标签,在原来的代码中,点击删除,会出发href,进行函 ...
C#教程之自己动手写映射第四节[封装删除]
一.动机我们在借助于SqlHelper删除数据的时候,一般的代码如下: 1 /* 2 * 3 * 创建人:李林峰 4 * 5 * 时间:2012-07-26 6 * 7 * 描述:借助于SqlH ...
JSP 用JS弹出确认删除对话框
1)JS脚本如下 <script language="javascript">function delcfm() {if (!confirm("确认要删除?& ...
Vue组件封装 ——dialog对话框组件
一.基础准备工作 1.创建一个基础的vue项目包 2.创建components文件夹,用于存放组件,新建dialog.vue组件,可以自己取个名字 <script> export def ...
原生html中modal,基于原生JS封装的Modal对话框插件
基于原生JS封装Modal对话框插件原生JS封装Modal对话框插件,个人用来学习原理与思想,只有简单的基本框架的实现,可在此基础上添加更多配置项 API配置 //基本语法 let modal = ...
解决uni-app官方弹框popup关闭不了问题；/pages/extUI/popup/popup；uni-app弹框popup打开调用事件。unin-app弹框封装；
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210716165216781.png?x-oss-process=image/watermark,type_Zm ...
Windows窗口、控件和对话框
from:http://www.zbitedu.com/?action-viewthread-tid-24616 Windows窗口.控件和对话框 windows应用程序是通过窗口(window).控 ...
proteus8如何画封装_如何proteus原理图生成pcb?步骤详解
时下,利用Keil C51和Proteus来进行单片机系统开发已成为众多单片机爱好者的首选.Keil C51和Proteus的结合可以进行单片机系统的软件设计和硬件的仿真调试,可大大缩短单片机系统的开 ...
VC++程序设计与应用--对话框
目录前言一.对话框 1.1 对话框概述 1.1.1 对话框的类型 1.1.2 对话框的CDialog类 1.1.3 对话框的组成 1.2 模态对话框 1.2.1 设计对话框模板资源 1.2. ...

ivew 封装删除对话框

ivew 封装删除对话框相关推荐

最新文章

热门文章

ivew 封装删除 对话框

ivew 封装删除 对话框相关推荐

最新文章

热门文章

ivew 封装删除对话框

ivew 封装删除对话框相关推荐