element-plus messagebox 自定义按钮的问题

Question

vue3项目中使用了 element-plus 组件，下面是 messagebox 的官方案例，我想要把 ok 和 cancel 调换位置要怎么做？官网没找到方法

Answer 1

从新设置messagebox的button的style，用flex-direction: row-reverse颠倒表示的顺序

.el-message-box__btns {

flex-direction: row-reverse;  
justify-content: normal; 

}

Answer 2

不能理解为什么要考虑调换位置呢？是不是可以尝试这样，如果是文本不同可以更换文本，如果是样式不同，可以写样式覆盖。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。