Typescript Vue js元素ui对话框

如何设计el对话框左上关闭按钮？我想用我自己的关闭按钮来改变它

有办法改变它吗

比如说

<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>

我的自定义关闭按钮#我的关闭按钮位于左上角。

是的，有一个属性可以隐藏默认的关闭按钮，然后可以添加自己的关闭按钮或任何样式

const-app=新的Vue({
el:“#应用程序”，
数据（）{
返回{
dialogVisible:false，
}
},
方法：{
关闭前（完成）{
this.dialogVisible=false；
完成（）；
}
}
})

。我的班级{
位置：绝对位置；
顶部：15px；
左：10px；
}

点击
接近
取消
拯救

我找到了。我只是耍了个小把戏

这是一个棘手的方法

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

---

你想要类似的东西吗？@BoussadjraBrahim不，我需要关闭文本而不是x图标。@BoussadjraBrahim谢谢，这是个好主意。但我需要近距离的文字。没有办法做到这一点，一些typescript或javascript技巧？通常一些组件提供插槽来定制某些部分的渲染，但在这种情况下，没有专用于关闭的插槽，@BoussadjraBrahim非常感谢