el-dialog右上角叉号去掉

要去掉 el-dialog 右上角的叉号，可以通过 CSS 来实现。你可以在页面中添加以下样式代码：

.el-dialog .el-dialog__headerbutton {
  display: none;
}

这将隐藏右上角关闭按钮。确保将该样式代码放置在 el-dialog 样式之后，以覆盖默认样式。

相关问题

el-dialog右上角的x

你可以使用 `show-close` 属性来显示 el-dialog 右上角的关闭按钮（x）。
这是一个示例代码：

<el-dialog title="Dialog Title" :visible.sync="dialogVisible" :show-close="true">
  <!-- Dialog Content -->
</el-dialog>

通过将 `:show-close` 设置为 `true`，你就可以在 el-dialog 的右上角看到关闭按钮（x）。

el-dialog右上角叉的事件

el-dialog 的右上角叉是一个关闭按钮，可以通过监听它的点击事件来执行相应的操作。在 Vue.js 中，你可以使用 `@close` 修饰符来监听点击事件，例如：

<template>
  <el-dialog :visible="dialogVisible" @close="handleClose">
    <span slot="title">Dialog Title</span>
    <p>Dialog Content</p>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    handleClose() {
      // 执行关闭操作
      console.log('Dialog closed');
    }
  }
};
</script>

在上面的例子中，我们使用 `@close` 监听了 el-dialog 的关闭事件，并在 `handleClose` 方法中执行了关闭操作。你可以根据自己的需求，在 `handleClose` 方法中编写关闭事件的具体逻辑。