在Vue中获取组件声明时的name属性方法


Posted in Javascript onSeptember 12, 2018

在实际开发中,我们可能需要拿到组件声明时创建的一些属性,比较典型的话就是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属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
这段js代码得节约你多少时间
Dec 20 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
Jun 05 Javascript
Javascript判断文件是否存在(客户端/服务器端)
Sep 16 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
jQuery实现选项卡切换效果简单演示
Dec 09 Javascript
Javascript中Promise的四种常用方法总结
Jul 14 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
一种angular的方法级的缓存注解(装饰器)
Mar 13 Javascript
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
JS实现移动端点击按钮复制文本内容
Jul 28 Javascript
通过GASP让vue实现动态效果实例代码详解
Nov 24 Javascript
浅谈webpack4 图片处理汇总
Sep 12 #Javascript
vue二级菜单导航点击选中事件的方法
Sep 12 #Javascript
vue this.reload 方法 配置
Sep 12 #Javascript
jquery 动态遍历select 赋值的实例
Sep 12 #jQuery
JS中判断字符串存在和非空的方法
Sep 12 #Javascript
React router动态加载组件之适配器模式的应用详解
Sep 12 #Javascript
微信小程序实现tab左右切换效果
Nov 15 #Javascript
You might like
基于ThinkPHP实现批量删除
2015/12/18 PHP
header与缓冲区之间的深层次分析
2016/07/30 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
20款超赞的jQuery插件 Web开发人员必备
2011/02/26 Javascript
JavaScript中Cookies的相关使用教程
2015/06/04 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
jQuery之简单的表单验证实例
2016/07/07 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
React中使用collections时key的重要性详解
2017/08/07 Javascript
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
vue ssr 指南详读
2018/06/29 Javascript
layui获取选中行数据的实例讲解
2018/08/19 Javascript
微信小程序实现下拉框功能
2019/07/16 Javascript
vue-cli设置css不生效的解决方法
2020/02/07 Javascript
[02:35]DOTA2英雄基础教程 狙击手
2014/01/14 DOTA
Python实现数据库编程方法详解
2015/06/09 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
python实现旋转和水平翻转的方法
2018/10/25 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
python开启debug模式的方法
2019/06/27 Python
用Python徒手撸一个股票回测框架搭建【推荐】
2019/08/05 Python
Python 3 判断2个字典相同
2019/08/06 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
构建高效的python requests长连接池详解
2020/05/02 Python
Django celery异步任务实现代码示例
2020/11/26 Python
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
物业管理员岗位职责范文
2013/11/25 职场文书
班队活动设计方案
2014/01/30 职场文书
社区元宵节活动总结
2015/02/06 职场文书
幼儿园班级工作总结2015
2015/05/25 职场文书
罗马假日观后感
2015/06/08 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python