当前位置: 首页> 文旅> 文化 > 产品包装设计网站_企业信用信息公示查询_网上营销推广_东莞网络营销推广公司

产品包装设计网站_企业信用信息公示查询_网上营销推广_东莞网络营销推广公司

时间:2025/7/11 7:56:51来源:https://blog.csdn.net/m0_74149462/article/details/146946395 浏览次数:1次
产品包装设计网站_企业信用信息公示查询_网上营销推广_东莞网络营销推广公司
:modal="false" // 关闭遮罩层
:close-on-click-modal="false" // 是否可以通过点击 modal 关闭 Dialog   最后设置样式
.el-dialog__wrapper {pointer-events: none;::v-deep .el-dialog {pointer-events: auto;}
}

完整示例:

<!--* @Description: 详情 弹窗* @Author: mhf* @Date: 2025/4/2
-->
<template><el-dialogwidth="600px"v-dialog-outappend-to-bodyv-if="dialogVisible":title="title":visible="dialogVisible":before-close="hideDialog":close-on-click-modal="false":modal="false"><div class="dialog-body">详情</div><lineH /><div class="dialog-footer"><el-button @click="hideDialog">取 消</el-button><el-button type="primary" @click="validateForm">确 定</el-button></div></el-dialog>
</template><script>
export default {name: "resourceDetailsDialog",components: {},props: {},dicts: [],data() {return {dialogVisible: false,title: ""};},methods: {showDialog(data) {this.dialogVisible = true;this.title = data.title;if (data.data) {this.getTableData(data.data);}},hideDialog() {this.dialogVisible = false;},validateForm() {},getTableData(data) {console.log(data, "获取表格数据");}},created() {},mounted() {}
};
</script><style lang="scss" scoped>
::v-deep .el-dialog__body {padding: 20px 0 0 !important;
}.dialog-body {padding: 0 20px;max-height: 65vh;overflow-y: auto;
}.dialog-footer {text-align: center;padding: 10px 0 18px;
}.el-dialog__wrapper {pointer-events: none;::v-deep .el-dialog {pointer-events: auto;}
}
</style>

关键字:产品包装设计网站_企业信用信息公示查询_网上营销推广_东莞网络营销推广公司

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: