获取component组件的参数

逃离我推掉我的手 2021-07-24 23:33 383阅读 0赞

![20200820150207120.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMjQxNTA0_size_16_color_FFFFFF_t_70][]

获取界面代码

{
      "usingComponents": {
        "data_soso":"/component/hexiao/data_soso/index"
      },
    }

onMyEvent: function(e){
        aa:'aa' // 自定义组件触发事件时提供的detail对象
      },

<data_soso bindmyevent="onMyEvent" />

component组件代码

<view class="top_bo flexRow">
      <view class="data_bo ">
        <picker mode="date" value="{
       {start_date}}"  bindchange="start_bindDateChange">
          <view class="picker flexRow">
            <view class="data">{
       {start_date}}</view>
            <image src="/img/on_line/show.png"></image>
          </view>
        </picker>
    
      </view>
      <view class="zi">至</view>
      <view class="data_bo ">
        <picker mode="date" value="{
       {end_date}}" start="2015-09-01" end="new(data)" bindchange="end_bindDateChange">
          <view class="picker flexRow">
            <view class="data">{
       {end_date}}</view>
            <image src="/img/on_line/show.png"></image>
          </view>
        </picker>
      </view>
      <view class="soso" bindtap="onTap">查询</view>
    </view>

// component/hexiao/data_soso/index.js
    Component({
      /**
       * 组件的属性列表
       */
      properties: {
    
      },
    
      /**
       * 组件的初始数据
       */
      data: {
        start_date:'2020-05-05',
        end_date:'2020-06-06'
      },
      properties: {},
      /**
       * 组件的方法列表
       */
      methods: {
       
        onTap: function(){
          var myEventDetail = {
            start_date:this.data.start_date,
            end_date:this.data.end_date
          } // detail对象，提供给事件监听函数
          var myEventOption = {} // 触发事件的选项
          this.triggerEvent('myevent', myEventDetail, myEventOption)
        },
        start_bindDateChange(e){
          this.setData({
            start_date: e.detail.value
          })
        },
        end_bindDateChange(e){
          this.setData({
            end_date: e.detail.value
          })
        }
      }
    })

[20200820150207120.png]: /images/20210724/b9da9230d0ce46468ef2b035760a2e29.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMjQxNTA0_size_16_color_FFFFFF_t_70]: /images/20210724/ff46cd4db8d245319d688a7ce1702b2d.png