当前位置:   article > 正文

ant design vue 的ele-modal不显示底部取消确认按钮

ant design vue 的ele-modal不显示底部取消确认按钮

1.不显示

:footer="null"

  1. <ele-modal
  2. :width="1200"
  3. :visible="visible"
  4. :confirm-loading="loading"
  5. title="监控点"
  6. :body-style="{ paddingBottom: '8px' }"
  7. @update:visible="updateVisible"
  8. @validate="validate1"
  9. @ok="save"
  10. :footer='null' //不显示底部按钮
  11. >

2.底部按钮文字更改: 

  1. <ele-modal
  2. :width="1200"
  3. :visible="visible"
  4. :confirm-loading="loading"
  5. title="监控点"
  6. :body-style="{ paddingBottom: '8px' }"
  7. @update:visible="updateVisible"
  8. @validate="validate1"
  9. @ok="save"
  10. ok-text="返回" //确定按钮的文字
  11. cancel-text="取消" //取消按钮的文字
  12. >

3.自定义显示

  1. <ele-modal
  2. :width="1200"
  3. :visible="visible"
  4. :confirm-loading="loading"
  5. title="监控点"
  6. :body-style="{ paddingBottom: '8px' }"
  7. @update:visible="updateVisible"
  8. @validate="validate1"
  9. @ok="save"
  10. :footer="null"
  11. >
  12. //
  13. <a-row style="margin: 20px 10px 5px" type="flex">
  14. <a-col flex="1 1 200px"></a-col>
  15. <a-col flex="0 0 70px">
  16. <button class="ant-btn ant-btn-primary" type="button" @click="submit" style>
  17. <span>关闭</span>
  18. </button>
  19. </a-col>
  20. </a-row>
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/325744
推荐阅读
相关标签
  

闽ICP备14008679号