vue 封装弹窗组件注意
父组件
<template>
<div>
<p @click="onDelete">
打开
</p>
<!-- 弹框 -->
<code-dialog
:status.sync="deleteDialogStatus"
/>
</div>
</template>
<script>
import codeDialog from "./code";
export default {
components: {
codeDialog
},
name: "detailsDialog",
data() {
return {
deleteDialogStatus: false
};
},
methods: {
onDelete() {
this.deleteDialogStatus = true;
}
};
</script>
子组件
<template>
<div>
<el-dialog
title=""
:visible.sync="show"
:center="true"
:show-close="false"
:close-on-click-modal="true"
class="deletes"
>
</el-dialog>
</div>
</template>
更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/118721031
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~