index.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // nova-tourism/components/select/index.js
  2. Component({
  3. /**
  4. * 组件的属性列表
  5. */
  6. // properties: {
  7. // show: {//控制下拉列表的显示隐藏,false隐藏、true显示
  8. // type: Boolean,
  9. // default: false
  10. // },
  11. // options: {//下拉列表的数据 // ['15:10','15:15','15:20']
  12. // type: Array,
  13. // default: []
  14. // },
  15. // index: 0,//选择的下拉列表下标
  16. // },
  17. /**
  18. * 组件的初始数据
  19. */
  20. data: {
  21. },
  22. /**
  23. * 组件的方法列表
  24. */
  25. methods: {
  26. onChange(event) {
  27. let value = event.detail.value;
  28. let key = event.detail.value;
  29. console.log(event.detail);
  30. },
  31. // 点击下拉显示框
  32. selectTap() {
  33. this.setData({
  34. selectShow: !this.data.selectShow
  35. });
  36. },
  37. // 点击下拉列表
  38. optionTap(e) {
  39. let Index = e.currentTarget.dataset.index;//获取点击的下拉列表的下标
  40. this.setData({
  41. index: Index,
  42. selectShow: !this.data.selectShow
  43. });
  44. }
  45. }
  46. })