父組件觸發(fā)子組件的事件

子組件上ref 寫好值。
父組件上寫一個觸發(fā)事件,這個事件觸發(fā)子組件的事件
例如
父組件

<div @click='handleclick'>
 <ordernum ref="myordernum"></ordernum>
</div>

<script>
methods:{
   // 訂單彈層的確定按鈕
    handleclick () {    
      this.$refs.myordernum.setkeynull('父調(diào)子組件的方法并給子組件傳參')

}



</script>

子組件ordernum

<template>
  <div>
    <!-- 查詢 -->
    <comsearch :queryCondition="queryCondition" @oksearch="oksearch"></comsearch>
    <a-table
      :columns="columns"
      :dataSource="datasource"
      :rowSelection="rowSelection"
      size="small"
      ref="table"
      :scroll="{ x:4000 }"
      :pagination="pagination"
      @change="handleTableChange"
    >
    </a-table>
  </div>
</template>
<script>
export default {
data(){
return{
selectedRowKeys :[1,1,24,4]
}
},
 methods: {
  setkeynull (e) {
    //  console.log(e)
      this.selectedRowKeys = []
    },
}
}
</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 點擊父組件觸發(fā)子組件的方法 ==<ChildDemo onRef = { this.onRef } /> 點擊父組...
    小白修仙路閱讀 1,163評論 0 0
  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,691評論 1 11
  • 父子組件通信 1、父子組件通過prop傳遞數(shù)據(jù) 父組件可以將一條數(shù)據(jù)傳遞給子組件,這條數(shù)據(jù)可以是動態(tài)的,父組件的數(shù)...
    視覺派Pie閱讀 1,338評論 0 18
  • 什么是組件? 組件 (Component) 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素,封裝...
    youins閱讀 9,705評論 0 13
  • 來簡書,本意就是想拓展一個賺錢的渠道。 五年前,從繁華的魔都辭職歸來,是為了照顧生病的母親,本來計...
    落入凡間的財神閱讀 264評論 0 2

友情鏈接更多精彩內(nèi)容