在Vue中獲取組件聲明時的name屬性方法

在實際開發(fā)中，我們可能需要拿到組件聲明時創(chuàng)建的一些屬性，比較典型的話就是name屬性，在實際開發(fā)中需要定位問題時，需要找到是哪一個組件，但是我們總不可能寫代碼的時候去先找到組件的name屬性，然后復(fù)制粘貼，作為參數(shù)傳給函數(shù)吧。

例如：

catchError('componentsName', 'errorDescription')

太傻了。

解決辦法，獲取到組件的this，然后利用this去拿到組件的name屬性，這樣的話，代碼就可以這么寫：

catchError.call(this, 'errorDescription')

我們就只需要專注于錯誤描述就行了（說不定錯誤描述也是一個變量，那么就更簡單咯）。

catchError函數(shù)的內(nèi)容應(yīng)該這么寫：

function catchError (url) {
 console.error(`${this.$options.name} 組件中，以下圖片鏈接不存在，或無法打開：${url}`)
 // 這里可以寫一個上報的ajax請求
 // ... do some code
}

完美的解決方案！

以上這篇在Vue中獲取組件聲明時的name屬性方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com