更改element-ui中MessageBox弹框的确定和取消位置

使用element-ui的MessageBox弹框时发现默认的弹框是取消在前，确定在后，，这和我们平时的大多习惯有点不同，再加上设计师设计的ui图也是取消在后，确定在前，于是要更改下
<el-button type=“text” @click=“open”>点击打开 Message Box
1：在弹出框事件中为取消按钮添加 cancelButtonClass: ‘btn-custom-cancel’, 类名
open () {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …{ this.message({
type: ‘success’,
message: ‘删除成功!’
})
}).catch(() => {
this.$message({
type: ‘info’,
message: ‘已取消删除’
})
})
}
2：为取消按钮添加设置样式
.btn-custom-cancel {
float: right;
margin-left: 10px;
}
记得要更改样式的话scoped这个要去掉，简单记录下

更改element-ui中MessageBox弹框的确定和取消位置相关推荐

优化element ui中的弹框样式
element ui 虽然提高了开发效率,但是坑也不少,比如弹框的体验就不佳: 弹框体验不佳自带的弹框样式有很多缺点,比如不居中,大小会超出屏幕然后在最右侧出现滚动条,看不到footer里的按钮等. ...
java弹窗触发事件_关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法...
好久没见了在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh ...
关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法...
好久没见了在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh ...
关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法
关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法参考文章: (1)关于ElementUI中MessageBox弹框的取消键盘触发 ...
Element UI中MessageBox标准用法
第一步:在main.js文件中导入 import { MessageBox } from 'element-ui'Vue.prototype.$confirm = MessageBox.confirm ...
Elemrnt - ui 的MessageBox 弹框需要延长报错时间怎么设置
如题,如果我们需要报错的提示时间展示的长一点该怎么做呢? 比如下面这个: <script>export default {methods: {open() {this.$confirm(' ...
element ui中的el-dropdown（下拉框）防止点一下就隐藏的问题
element ui中的el-dropdown(下拉框)防止点一下就影藏的问题当使用el-dropdown下拉框时,下拉框的每项中,可能需要加入@click.@change或复选框等事件,而el-d ...
element中popover弹框中有选择器，点击后popover消失的解决办法
element中popover弹框中有选择器,点击后popover消失的解决办法 element中有很多组件,经常用到的一个popover组件,很多时候大家都是使用它展示一些页面放不下或者不好放置的内 ...
删除提示框 MessageBox弹框
当删除table表格中的一条数据时,需要给与确认删除提示如下: 可使用 element-ui中的MessageBox弹框.如下代码 handleDelete(index, row) {this.$co ...
Vue实现Element UI的下拉框默认选中，值来自父组件或异步获取
子组件使用watch监听父组件传过来的值,并且赋值给子组件的data参数. 1.父组件传了一个userId属性给子组件 <Children@searchForm="searchForm ...

更改element-ui中MessageBox弹框的确定和取消位置

更改element-ui中MessageBox弹框的确定和取消位置相关推荐

最新文章

热门文章