model.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. Component({
  2. options: {
  3. multipleSlots: true // 在组件定义时的选项中启用多slot支持
  4. },
  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. },
  31. /**
  32. * 私有数据,组件的初始数据
  33. * 可用于模版渲染
  34. */
  35. data: {
  36. // 弹窗显示控制
  37. },
  38. /**
  39. * 组件的方法列表
  40. * 更新属性和数据的方法与更新页面数据的方法类似
  41. */
  42. methods: {
  43. /*
  44. * 公有方法
  45. */
  46. /*
  47. * 内部私有方法建议以下划线开头
  48. * triggerEvent 用于触发事件
  49. */
  50. _cancelEvent() {
  51. //触发取消回调
  52. this.triggerEvent("cancelEvent")
  53. },
  54. _confirmEvent() {
  55. //触发成功回调
  56. this.triggerEvent("confirmEvent");
  57. }
  58. }
  59. })