element-ui dialog问题:1.dialog的确定取消按钮没有自动靠右

1.dialog的确定取消按钮没有自动靠右
<el-dialog :title="spec_formTitle" :visible.sync="specform_DialogVisible" width="70%">
  <el-form :model="spec_form" label-position="right" ref="spec_form" :rules="sepc_rules" :disabled="specForm_isViewmode" v-loading="myloading">
  <el-form-item label="商品ID:" :label-width="formLabelWidth" style="display:none">
</el-form>
   <!--如果你发现下面的两个按钮没有自动靠右,那么是class="dialog-footer"这个div的位置写错了,请严格按当前这个示例-->
  <div slot="footer" class="dialog-footer">
    <el-button @click="specform_DialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="specform_onSubmit('spec_form')" v-show="!!!specForm_isViewmode">确 定</el-button>
   </div>
</el-dialog>

 

2.dialog的遮罩层没有挡住确定和取消按钮,造成用户可以短时间内多次调用接口,解决方法如下:

/*重设遮罩层的高*/
.el-loading-mask{
  height:2000px!important;
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值