在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 相关文章推荐
Jquery iframe内部出滚动条
Feb 11 Javascript
jQuery入门知识简介
Mar 04 Javascript
框架页面高度自动刷新的Javascript脚本
Nov 01 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
基于javascript实现tab切换特效
Mar 29 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
Jun 16 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
Sep 02 Javascript
VSCode 配置React Native开发环境的方法
Dec 27 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
Sep 16 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
56.com视频采集接口程序(PHP)
2007/09/22 PHP
PHP中ADODB类详解
2008/03/25 PHP
PHP批量生成缩略图的代码
2008/07/19 PHP
用Zend Encode编写开发PHP程序
2010/02/21 PHP
thinkphp3.2.3 分页代码分享
2016/07/28 PHP
IE图片缓存document.execCommand("BackgroundImageCache",false,true)
2011/03/01 Javascript
extjs ColumnChart设置不同的颜色实现代码
2013/05/17 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
2013/11/23 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
vue-cli如何添加less 以及sass
2017/07/06 Javascript
浅谈React组件之性能优化
2018/03/02 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
Python用模块pytz来转换时区
2016/08/19 Python
使用Python对MySQL数据操作
2017/04/06 Python
树莓派使用USB摄像头和motion实现监控
2019/06/22 Python
什么是Python中的顺序表
2020/06/02 Python
Python包和模块的分发详细介绍
2020/06/19 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
如何用python爬取微博热搜数据并保存
2021/02/20 Python
Html5 webRTC简单实现视频调用的示例代码
2020/09/23 HTML / CSS
法国在线药房:Shop Pharmacie
2019/11/26 全球购物
SQL Server的固定数据库角色都有哪些?对应的服务器权限有哪些?
2013/05/18 面试题
入党申请书自我鉴定
2013/10/12 职场文书
临床医学专业毕业生的自我评价
2013/10/17 职场文书
师范教师毕业鉴定
2014/01/13 职场文书
党的群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
司机个人年终总结
2015/03/03 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
上下班时间调整通知
2015/04/23 职场文书
2016年教师节感言
2015/12/09 职场文书
教师实习自我鉴定总结
2019/08/20 职场文书