溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了在Vue中如何獲取組件聲明時(shí)的name屬性方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
在實(shí)際開發(fā)中，我們可能需要拿到組件聲明時(shí)創(chuàng)建的一些屬性，比較典型的話就是name屬性，在實(shí)際開發(fā)中需要定位問題時(shí)，需要找到是哪一個(gè)組件，但是我們總不可能寫代碼的時(shí)候去先找到組件的name屬性，然后復(fù)制粘貼，作為參數(shù)傳給函數(shù)吧。
例如：
catchError('componentsName', 'errorDescription')太傻了。
解決辦法，獲取到組件的this，然后利用this去拿到組件的name屬性，這樣的話，代碼就可以這么寫：
catchError.call(this, 'errorDescription')
我們就只需要專注于錯(cuò)誤描述就行了（說不定錯(cuò)誤描述也是一個(gè)變量，那么就更簡單咯）。
catchError函數(shù)的內(nèi)容應(yīng)該這么寫：
function catchError (url) {
console.error(`${this.$options.name} 組件中，以下圖片鏈接不存在，或無法打開：${url}`)
// 這里可以寫一個(gè)上報(bào)的ajax請求
// ... do some code
}Vue具體輕量級框架、簡單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢，Vue中頁面使用的是局部刷新，不用每次跳轉(zhuǎn)頁面都要請求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗(yàn)。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“在Vue中如何獲取組件聲明時(shí)的name屬性方法”這篇文章對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼