怎么在vue.js父組件中調(diào)用外部對象

component a

// componet a
...
methods: {
 onClick(evt) {
  // doSomething 這里只能拿到 mouseEvent
  this.outsideClickHandler(evt); // 調(diào)用外部處理函數(shù)
 }
}
...

有組件B，引用組件a，并傳入outsideClickHandler方法：

componentB

對以上這種封裝是組件庫中再常見不過的封裝了，實際使用中，有時候會需在component B傳入component A的outsideClickHandler方法中使用component B中的數(shù)據(jù)對象，而component的代碼又不能更改，這時候怎么辦呢？

其實解決方案也是非常簡單，但是有時候我們會"執(zhí)迷不悟"。

廢話不說，上代碼!

// componet b
...
data() {
 a: {} // 數(shù)據(jù)
},
methods: {
 onClick(evt) {
  // 關(guān)鍵在于返回一個函數(shù)哦
  return (evt) => {
   // 這里也可以直接閉包使用
   console.log(this.a);
  }
 }
}
...

看完上述內(nèi)容，你們掌握怎么在vue.js父組件中調(diào)用外部對象的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！