组件

  • 组件所在目录位置 /compontents/tabBar/tabBar
  • 组件wxml

    <view  bindtap="_h1" id="1">
     自定义组件
    </view>
  • 组件js

    ...
    methods: {
       _h1:function(evt){
             let id = evt.currentTarget.id
               //触发一个自定义事件把数据传出去
               var parmas = {tabid: id}   // detail对象,提供给事件监听函数
               var myEventOption = {} // 触发事件的选项
               this.triggerEvent('selectChange', parmas, myEventOption)
       }
    }
    ...

    页面使用组件

    注册组件到页面
  • 注册定义组件json

    {
    "usingComponents": {
      "tabBar": "/compontents/tabBar/tabBar"
    }
    }
  • 主页面调用组件wxml

    <tabBar bind:selectChange="_hselectChange"/>
  • 主页面js

    ...
      _hselectChange:function(evt){
          console.log(evt.detail.tabid)
      },
    ...
Last modification:March 17, 2022
如果觉得我的文章对你有用,请随意赞赏