在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 相关文章推荐
Array.slice()与Array.splice()的返回值类型
Oct 09 Javascript
鼠标滑上去后图片放大浮出效果的js代码
May 28 Javascript
表单验证的完整应用案例探讨
Mar 29 Javascript
jquery.form.js用法之清空form的方法
Mar 07 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库
Nov 30 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
Jun 08 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
MVVM框架下实现分页功能示例
Jun 14 Javascript
基于VUE实现的九宫格抽奖功能
Sep 30 Javascript
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
浅谈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
php在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
php生成高清缩略图实例详解
2015/12/07 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
tp5.1 框架数据库常见操作详解【添加、删除、更新、查询】
2020/05/26 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
2016/05/30 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
解决vue 路由变化页面数据不刷新的问题
2018/03/13 Javascript
JavaScript实现动态留言板
2020/03/16 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
深入理解Python爬虫代理池服务
2018/02/28 Python
Python爬虫框架scrapy实现的文件下载功能示例
2018/08/04 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
关于Tensorflow使用CPU报错的解决方式
2020/02/05 Python
150行python代码实现贪吃蛇游戏
2020/04/24 Python
Python 操作 MySQL数据库
2020/09/18 Python
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
程序员岗位职责
2013/11/11 职场文书
初中三好学生事迹材料
2014/01/13 职场文书
小学英语教学反思
2014/01/30 职场文书
代理协议书
2014/04/22 职场文书
班主任对学生的评语
2014/04/26 职场文书
小学校本培训方案
2014/06/06 职场文书
股东合作协议书
2014/09/12 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
护林员个人总结
2015/03/04 职场文书
2015年财务部工作总结
2015/04/10 职场文书
土建施工员岗位职责
2015/04/11 职场文书