在Vue中获取组件声明时的name属性方法
更新时间：2018年09月12日 09:11:06 作者：qq20004604
今天小编就为大家分享一篇在Vue中获取组件声明时的name属性方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在实际开发中，我们可能需要拿到组件声明时创建的一些属性，比较典型的话就是name属性，在实际开发中需要定位问题时，需要找到是哪一个组件，但是我们总不可能写代码的时候去先找到组件的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中computed(计算属性)和watch(监听属性)的用法及区别说明
这篇文章主要介绍了Vue中computed(计算属性)和watch(监听属性)的用法及区别说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了VUE 实现复制内容到剪贴板功能，本文通过两种方法，给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-04-04
这篇文章主要介绍了vue-loader中引入模板预处理器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
当协议,域名,端口其中某一个不一致的时候,就会产生跨域问题,下面这篇文章主要给大家介绍了关于Vue项目中该如何解决跨域问题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
这篇文章主要为大家详细介绍了Vue.js组件实现选项卡以及切换特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
当使用同一个对象产生冲突时，可以使用lodash包，对该对象进行深拷贝，从而使操作的对象为不同的对象,这篇文章主要给大家介绍了关于vue深拷贝的3种实现方式,需要的朋友可以参考下2023-02-02
vue-router报错:uncaught error during route
这篇文章主要介绍了vue-router报错:uncaught error during route navigati问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要为大家介绍了Vue之生命周期函数，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
vue router进行路由跳转并携带参数的实例详解(params/query)
在使用`router.push`进行路由跳转到另一个组件时，可以通过`params`或`query`来传递参数，这篇文章主要介绍了vue router进行路由跳转并携带参数（params/query）,需要的朋友可以参考下2023-09-09
父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。本文将详细介绍Vue组件选项props,需要的朋友可以参考下2017-08-08
最新评论