微信小程序父組件獲取子組件的點擊事件——子組件給父組件傳值

以下爲舉例：

//子組件的wxml：
<view class="work_list">
		<block wx:for="{{workList}}" wx:key="index">
			<view class="work_li" bindtap='showWork' data-id="{{item.Id}}">
                這是一個例子！！！
			</view>
		</block>
	</view>

子組件wxml中綁定了showWork事件，在js中調用方法如下：

Component({
  properties: {//父級組件傳來的參數
    workList: {
      type: Array,
      value: []
    },
  },
  data: {
    work_tabindex: 0, //當前tab序號
  },
  methods: {
    showWork(e){//點擊彈出作品彈窗
      this.triggerEvent('showWork',e.currentTarget.dataset.id)
    }
   
  }
})

父組件首先在wxml裏接收triggerEvent裏面傳來的showWork，然後調用事件，方法如下：

//父組件的wxml
<List workList="{{work_list}}"  bind:showWork="show_work"></List>

然後，父組件要在js裏面執行show_work：

show_work(e) {
    console.log(e.detail);//這裏輸出的值對應子組件傳來的id
  },