KDialog

弹窗组件。

使用指南

  1. import { KDialog } from 'kbone-ui'

示例

  1. <KDialog
  2. v-model="diaShow"
  3. :buttons="diaBtn"
  4. title="零度的田"
  5. desc="弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内"
  6. />
  7. <script>
  8. export default {
  9. data() {
  10. return {
  11. diaShow: false,
  12. diaBtn: [
  13. {
  14. text: '确定',
  15. click: () => {
  16. console.log('确定')
  17. this.diaShow = false
  18. }
  19. }
  20. ],
  21. }
  22. }
  23. }
  24. </script>

Dialog

Dialog 显示

KDialog - 图1

KDialog - 图2

使用参数

属性类型默认值必填说明
v-modelbooleanfalse是否暂时弹窗
titlestring-
descstring-
canceleventhandle弹窗关闭时,触发的事件
buttonsarray<object>[]