<template>
<div>
<el-dialog :visible.sync="dialogVisibleProp" :title.sync="msg2" width="600px">
<!-- <span>这是一段信息</span> -->
<slot></slot>
<div slot="footer" class="dialog-footer">
<el-button @click="hide">取 消</el-button>
<el-button type="primary" @click="hide">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import "css/achievementAnalysis/unit/dialog.css";
export default {
name: "",
props: {
msg1: {
type: Boolean,
default: false
},
msg2: {
type: String,
default: ""
}
},
data() {
return {
dialogVisible: false,
dialogTitle: ""
};
},
components: {},
computed: {},
beforeMount() {},
mounted() {},
methods: {
hide() {
this.$emit("emitParent", false);
if (this.msg2 == "出错") {
this.$router.go(-1);
}
}
},
watch: {},
computed: {
dialogVisibleProp: {
get() {
return this.msg1;
},
set(v) {
this.$emit("update:msg1", v);
}
}
}
};
</script>
<style lang='' scoped>
.el-dialog {
/* min-height:700px; */
}
.dialog-footer {
text-align: center;
}
</style>
el-dialog
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 1.el-dialog 组件 el-dialog 是element的弹出对话框组件，项目中用的element组件库...
- 真是坑，在el-dialog中使用el-carousel组件，想要动态修改幻灯片的当前激活的索引，element官...
- vue时，会用到el-dialog做为弹窗，但这个弹窗的宽度默认为50%.因项目中需要调整弹偿的宽度，需要设置其属...
- 1.我们想实现一个功能，在elementUI的对话框上制作一个表单，用来提交姓名，年龄，地址，这些需要输入的都没有...
- 最近因为业务需求，需要对element的el-dialog组件实现拖拽功能，在网上搜索了下，资料很多，不过这其中也...
