prompt.js 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. Component({
  2. options: {
  3. multipleSlots: true // 在组件定义时的选项中启用多slot支持
  4. },
  5. properties: {
  6. title: {
  7. type: String,
  8. value: '标题'
  9. },
  10. cost: {
  11. type: String,
  12. observer:function(newVal, oldVal){
  13. this.setData({
  14. cost: newVal
  15. });
  16. }
  17. },
  18. btn_cancel: {
  19. type: String,
  20. value: '取消'
  21. },
  22. btn_certain: {
  23. type: String,
  24. value: '确定'
  25. }
  26. },
  27. data: {
  28. isHidden: true,
  29. },
  30. methods: {
  31. hidePrompt: function () {
  32. this.setData({
  33. isHidden: true
  34. })
  35. },
  36. showPrompt() {
  37. this.setData({
  38. isHidden: false
  39. })
  40. },
  41. _cancel() {
  42. //触发cancel事件,即在外部,在组件上绑定cancel事件即可,bind:cancel,像绑定tap一样
  43. this.triggerEvent("cancel")
  44. },
  45. _confirm() {
  46. this.triggerEvent("confirm");
  47. },
  48. _input(e) {
  49. //将参数传出去,这样在getInput函数中可以通过e去获得必要的参数
  50. this.triggerEvent("getInput", e.detail);
  51. }
  52. }
  53. })