typescript - Vue js 元素 ui 对话框

Question

如何设计 el-dialog 左上角关闭按钮？我想用我自己的关闭按钮来改变它。

有没有办法改变它？

例如。

<el-dialog
  title="Tips"
  :visible.sync="dialogVisible"
  width="30%"
  :before-close="handleClose">
  <span>My custom close button</span> # my close button left top corner.

</el-dialog>

标签： typescriptvue.jsvuejs2vue-componentelement-ui

Answer 1

我找到了。我只是对它做了一点小把戏。

这是一个棘手的方法。

el-icon-close:before{
  content: "Close";
}

代码笔示例