dialog.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. // myComponents/dialog/dialog.js
  2. Component({
  3. options: {
  4. multipleSlots: true // 在组件定义时的选项中启用多slot支持
  5. },
  6. /**
  7. * 组件的属性列表
  8. */
  9. properties: {
  10. // 弹窗标题
  11. title: { // 属性名
  12. type: String, // 类型(必填),目前接受的类型包括:String, Number, Boolean, Object, Array, null(表示任意类型)
  13. value: '标题' // 属性初始值(可选),如果未指定则会根据类型选择一个
  14. },
  15. // 弹窗内容
  16. content: {
  17. type: String,
  18. value: '弹窗内容'
  19. },
  20. // 弹窗取消按钮文字
  21. cancelText: {
  22. type: String,
  23. value: '取消'
  24. },
  25. // 弹窗确认按钮文字
  26. confirmText: {
  27. type: String,
  28. value: '确定'
  29. },
  30. // 是否显示Dialog
  31. isShown: {
  32. type: Boolean,
  33. value: false
  34. }
  35. },
  36. /**
  37. * 私有数据,组件的初始数据
  38. * 组件的初始数据
  39. */
  40. data: {
  41. // 弹窗显示控制
  42. // isShow: false
  43. },
  44. /**
  45. * 组件的方法列表
  46. *
  47. */
  48. methods: {
  49. /*
  50. * 内部私有方法建议以下划线开头
  51. * triggerEvent 用于触发事件
  52. */
  53. _cancelEvent() {
  54. //触发取消回调
  55. this.triggerEvent("cancel")
  56. },
  57. _confirmEvent() {
  58. //触发成功回调
  59. this.triggerEvent("confirm"); //confirmEvent由调用方声明和定义,在调用方 bind:confirmEvent 来声明,在js中定义函数
  60. }
  61. }
  62. })