element-ui dialog问题:1.dialog的确定取消按钮没有自动靠右
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
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;
}
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)