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

最新推荐文章于 2024-07-01 17:37:34 发布

原创最新推荐文章于 2024-07-01 17:37:34 发布 · 4.6k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue

收录于

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

    <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;
   },