popup-textarea.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. // components/popup-textarea/popup-textarea.js
  2. Component({
  3. /**
  4. * 组件的属性列表
  5. */
  6. properties: {
  7. cancelText: {
  8. type: String,
  9. value: '取消' // 取消按钮的文字,最多 4 个字符
  10. },
  11. confirmText: {
  12. type: String,
  13. value: '确定' // 确认按钮的文字,最多 4 个字符
  14. },
  15. },
  16. /**
  17. * 组件的初始数据
  18. */
  19. data: {
  20. isShow: true,
  21. formData: ''
  22. },
  23. /**
  24. * 组件的方法列表
  25. */
  26. methods: {
  27. bindTextAreaInput(e) {
  28. this.setData({
  29. formData: e.detail.value
  30. })
  31. },
  32. //隐藏弹框
  33. close() {
  34. this.setData({
  35. isShow: !this.data.isShow
  36. })
  37. },
  38. //展示弹框
  39. show() {
  40. this.setData({
  41. isShow: !this.data.isShow
  42. })
  43. },
  44. /*
  45. * 内部私有方法建议以下划线开头
  46. * triggerEvent 用于触发事件
  47. */
  48. _cancelEvent: function () {
  49. this.close();
  50. //this.triggerEvent('cancelEvent');
  51. },
  52. _confirmEvent: function () {
  53. this.triggerEvent('confirmEvent', this.data.formData);
  54. }
  55. }
  56. })