在Vue中獲取組件聲明時的name屬性方法
更新時間：2018年09月12日 09:11:06 作者：qq20004604
今天小編就為大家分享一篇在Vue中獲取組件聲明時的name屬性方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在實際開發(fā)中，我們可能需要拿到組件聲明時創(chuàng)建的一些屬性，比較典型的話就是name屬性，在實際開發(fā)中需要定位問題時，需要找到是哪一個組件，但是我們總不可能寫代碼的時候去先找到組件的name屬性，然后復制粘貼，作為參數傳給函數吧。
例如：
catchError('componentsName', 'errorDescription')
太傻了。
解決辦法，獲取到組件的this，然后利用this去拿到組件的name屬性，這樣的話，代碼就可以這么寫：
catchError.call(this, 'errorDescription')
我們就只需要專注于錯誤描述就行了（說不定錯誤描述也是一個變量，那么就更簡單咯）。
catchError函數的內容應該這么寫：
function catchError (url) {
console.error(`${this.$options.name} 組件中，以下圖片鏈接不存在，或無法打開：${url}`)
// 這里可以寫一個上報的ajax請求
// ... do some code
}
完美的解決方案！
以上這篇在Vue中獲取組件聲明時的name屬性方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本篇文章主要介紹了Vue-Router模式和鉤子的用法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了nuxt+axios解決前后端分離SSR的示例代碼,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了vue中路由的前進和后退問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
uniapp微信小程序使用webview嵌套uniappH5并實現通信詳細步驟
在開發(fā)微信小程序的時候,我們有時候會遇到將H5頁面嵌入到小程序頁面中的情況,這篇文章主要給大家介紹了關于uniapp微信小程序使用webview嵌套uniappH5并實現通信的詳細步驟,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了Vue實現設置圖片不轉為base64的方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-02-02
這篇文章主要介紹了 Vue 中 title 的動態(tài)修改問題，文中通過兩種方案給大家介紹了title的傳遞問題 ,需要的朋友可以參考下2019-06-06
這篇文章主要為大家介紹了Vue 2源碼解析Parse函數定義，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了vue組件間的參數傳遞 ,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了vue watch immediate方法用法詳解,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了VUE里如何修改element-ui的顯示層次與上下間隔問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06