Element-UI的dialog弹窗的右上角的叉号不能关闭弹窗

最新推荐文章于 2024-03-28 13:46:31 发布

wahaha..

最新推荐文章于 2024-03-28 13:46:31 发布

阅读量4.5k

点赞数 5

文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_45724648/article/details/119773718

版权

这篇博客详细介绍了如何在Vue.js应用程序中使用el-dialog和el-tree组件来创建一个具有默认展开、勾选功能的树形对话框。通过`default-expand-all`和`default-checked-keys`属性实现了节点的预选中，而`before-close`属性用于在关闭对话框前执行特定操作。此外，还展示了如何通过`ai_dialog_close`方法关闭对话框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <el-dialog title="" :visible.sync="dialogTableVisible" :before-close="ai_dialog_close">
        <el-tree
            :data="gridData"
            show-checkbox
            default-expand-all
            node-key="id"
            ref="tree"
            :default-checked-keys="defaulttreevalue"
            highlight-current
            :props="defaultProps">
        </el-tree>
    </el-dialog>
    ===================
    ai_dialog_close(){
        this.dialogTableVisible = false;
   },