select.js 763 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // components/select/select.js
  2. // https://www.cnblogs.com/zjjDaily/p/9548433.html
  3. Component({
  4. /**
  5. * 组件的属性列表
  6. */
  7. properties: {
  8. options: {
  9. type: Array,
  10. value: []
  11. },
  12. selectShow: {
  13. type: Boolean,
  14. value: false
  15. }
  16. },
  17. /**
  18. * 组件的初始数据
  19. */
  20. data: {
  21. content: '',
  22. },
  23. /**
  24. * 组件的方法列表
  25. */
  26. methods: {
  27. //option的显示与否
  28. selectToggle: function () {
  29. this.setData({
  30. selectShow: !this.data.selectShow
  31. })
  32. },
  33. //设置内容
  34. selectTap: function (e) {
  35. const {info} = e.target.dataset;
  36. this.setData({
  37. selectShow: false,
  38. content: info.label
  39. })
  40. this.triggerEvent('change', info);
  41. }
  42. }
  43. })