在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 相关文章推荐
Javascript执行效率全面总结
Nov 04 Javascript
jquery检测input checked 控件是否被选中的方法
Mar 26 Javascript
jquery弹出遮掩层效果【附实例代码】
Apr 28 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
Feb 21 Javascript
JS控件bootstrap suggest plugin使用方法详解
Mar 25 Javascript
基于JavaScript实现无限加载瀑布流
Jul 21 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
Sep 13 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 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
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
PHP截取发动短信内容的方法
2017/07/04 PHP
phpStorm2020 注册码
2020/09/17 PHP
popdiv
2006/07/14 Javascript
javascript背投广告代码的完善
2008/04/08 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
基于javascript实现图片滑动效果
2016/05/07 Javascript
Jquery和JS获取ul中li标签的实现方法
2016/06/02 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
jQuery中用on绑定事件时需注意的事项
2017/03/19 Javascript
EasyUI中的dataGrid的行内编辑
2017/06/22 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
2018/07/05 Javascript
react中实现搜索结果中关键词高亮显示
2018/07/31 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
python命令行解析之parse_known_args()函数和parse_args()使用区别介绍
2018/01/24 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
pyqt5与matplotlib的完美结合实例
2019/06/21 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
python GUI库图形界面开发之PyQt5状态栏控件QStatusBar详细使用方法实例
2020/02/28 Python
Python自省及反射原理实例详解
2020/07/06 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
html5实现canvas阴影效果示例
2014/05/07 HTML / CSS
护理专科毕业推荐信
2013/11/10 职场文书
采购求职信
2014/03/17 职场文书
爱我中华演讲稿
2014/05/20 职场文书
音乐之声观后感
2015/06/04 职场文书
监守自盗观后感
2015/06/10 职场文书
Pytorch中的学习率衰减及其用法详解
2021/06/05 Python
python代码实现扫码关注公众号登录的实战
2021/11/01 Python
httpclient调用远程接口的方法
2022/08/14 Java/Android