【Element UI】vue使用通用el-dialog嵌套动态组件

gengboxb 205 0

HTML

<el-dialog
    modal-append-to-body
    append-to-body
    v-if="dialogShow"
    :visible.sync="dialogShow"
    :title="dialogTitle"
    :width="dialogWidth"
    :close-on-click-modal="false"
>
    <component
        :is="dialogComponent"
        :params="dialogData"
        :param="dialogData"
        @updateClose="updateClose"
        @close="dialogClose"
    ></component>
</el-dialog>

data属性

// 弹出框相关
dialogTitle: "",
dialogWidth: "50%",
dialogComponent: "",
dialogShow: false,
dialogData: null,
updateClose:()=>{},
dialogClose:()=>{
    this.dialogShow=false
}
广告

发表评论 取消回复
表情 图片 链接 代码

分享
微信
微博
QQ