溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
怎么在vue.js父組件中調用外部對象？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
有組件a：
<div @click="onClick">component a</div>
// componet a
...
methods: {
onClick(evt) {
// doSomething 這里只能拿到 mouseEvent
this.outsideClickHandler(evt); // 調用外部處理函數
}
}
...有組件B，引用組件a，并傳入outsideClickHandler方法：
<v-componetA :outside-click-handler="onClick">componentB</v-componetA>
對以上這種封裝是組件庫中再常見不過的封裝了，實際使用中，有時候會需在component B傳入component A的outsideClickHandler方法中使用component B中的數據對象，而component的代碼又不能更改，這時候怎么辦呢？
其實解決方案也是非常簡單，但是有時候我們會"執迷不悟"。
廢話不說，上代碼!
// componet b
...
data() {
a: {} // 數據
},
methods: {
onClick(evt) {
// 關鍵在于返回一個函數哦
return (evt) => {
// 這里也可以直接閉包使用
console.log(this.a);
}
}
}
...看完上述內容，你們掌握怎么在vue.js父組件中調用外部對象的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
