tabBar.js 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. // myComponents/tabBar/tabBar.js
  2. Component({
  3. /**
  4. * 组件的属性列表
  5. */
  6. properties: {
  7. page:{
  8. type:String,
  9. value:'/pageIndex/index/index',
  10. observers:function(val){
  11. this.changeTab(val)
  12. }
  13. }
  14. },
  15. /**
  16. * 组件的初始数据
  17. */
  18. data: {
  19. current:'/pages/index/inde'
  20. },
  21. /**
  22. * 组件的生命周期函数列表
  23. */
  24. lifetimes: {
  25. // 在组件实例进入页面节点树时执行
  26. attached: function () {
  27. // 初始化操作
  28. // console.log('组件初始化');
  29. this.changeTab(this.properties.page)
  30. // ...
  31. },
  32. // 在组件实例被移除出页面节点树时执行
  33. detached: function () {
  34. // 清理工作
  35. // console.log('组件销毁');
  36. // ...
  37. },
  38. // ...
  39. },
  40. /**
  41. * 组件的方法列表
  42. */
  43. methods: {
  44. changeTab(key){
  45. this.setData({
  46. current:key,
  47. })
  48. },
  49. onChange(e) {
  50. console.log('onChange', e)
  51. this.changeTab(e.detail.key)
  52. wx.switchTab({
  53. url: e.detail.key
  54. })
  55. }
  56. }
  57. })