自定义弹框：visible.sync

use a data or computed property based on the prop’s value.

通过设置 :befor-close 来规避这一问题，从而解决问题

before-close为关闭弹窗前的回调函数，在操作改变子组件关闭事件之前先调用父组件的关闭事件，就不会再报错了

<template><el-dialog title="审核" :visible.sync="visible" :before-close="dialogClose"></el-dialog>
</template><script>
import { auditcolumns } from '../columns';
import { getPositionRecord } from '@/api/exam.service';
export default {name: 'CampusRecord',model: {prop: 'id',event: 'idchange'},props: {id: {type: String,default: ''},visible: {type: Boolean,default: true}},data() {return {idInner: this.id,campusColumns: auditcolumns(this),// 请求参数reqArgs: {pageNum: 1,pageSize: 10,applyTableId: this.id},reason: '',campusData: { },listLoading: true};},watch: {id(newvalue, oldvalue) {this.idInner = newvalue;this.reqArgs.applyTableId = newvalue;}},created() {},methods: {dialogClose() {this.$emit('update:visible', false);},refreshList() {this.reqArgs.pageNum = 1;this.queryList();},queryList() {var that = this;getPositionRecord(that.reqArgs).then(res => {if (res.status === 0) {that.campusData = res.result;that.listLoading = false;}});},handleFilter(type, value, params) {if (type !== 'pageNum') {this[params].pageNum = 1;}this[params][type] = value;this.queryList();}}
};
</script>
<style lang="scss" scoped>
.el-input {width: 200px !important;
}
</style><campusRecord :id="id" ref="CampusRecord" :visible.sync="recordDialog" />

自定义弹框：visible.sync相关推荐

react离开页面，自定义弹框拦截，路由拦截
前言: 项目有个需求是:跳转路由,在离开页面前,需要弹框询问用户是否确定离开. 用react-router的<Prompt>组件是可以的,但是,怎么使用antd组件(或者说自定义组件)呢? ...
抖音短视频系统开发自定义弹框
我们如果想要实现这样的自定义弹框,需要怎么做呢,接下来就是教程首先,我们需要创建一个类继承Dialog 下面就是代码 import android.annotation.SuppressLint; ...
1. 使用Popup组件自定义弹框提示页面
Popup的基本使用在QT中,经常使用QMessageBox进行弹框的提示,而在QML中并没有这个功能,但是可以利用Popup组件进行自定义弹框的设计. 该组件可以理解为是一个空白区域,默认的vis ...
自定义弹框一（PopupWindow实现）响应两种点击事件
自定义弹框通常可以使用自定义的popupwindow,自定义的activity,自定义的dialog来实现这里先用popupwindow来实现并且可以在弹框上实现点击事件或者在其所依附的ac ...
android 系统弹框与自定义弹框
1. 系统弹框 private AlertDialog alertDialog; private void tipDialog(String value) { if (alertDia ...
element-ui 自定义弹框，加入图片
element 组件库里面有弹框组件. 实际项目中需要用到弹框.需求是在弹框的div里面放入一张图片. 用到的是element弹框组件的最后一个.自定义弹框组件 const h = this.$cre ...
jq js 自定义弹框
自定义弹框 <body> <script type="text/javascript" src="./js/jquery-1.8.3.js"& ...
一个常用的自定义弹框封装(适配 AndroidX),加载 ProgressDialog,状态显示的 StatusDialog 和自定义 Toast,全部支持背景颜色,圆角,边框和文字的自定义,构建者模
MNProgressHUD 项目地址:maning0303/MNProgressHUD 简介: 一个常用的自定义弹框封装(适配 AndroidX),加载 ProgressDialog,状态显示的 S ...
uniapp自定义弹框
uniapp自定义弹框,适用所有类型效果原理创建一个vue页面 pages.json配置一般tabbar中间按钮点击出现弹框注意事项效果原理利用透明页面,点击进入当前页面,内容根据自己需求 ...

自定义弹框：visible.sync

自定义弹框：visible.sync相关推荐

最新文章

热门文章

自定义弹框 ：visible.sync

自定义弹框 ：visible.sync相关推荐

最新文章

热门文章

自定义弹框：visible.sync

自定义弹框：visible.sync相关推荐