在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 Select操作大集合
May 26 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 Javascript
JQuery CheckBox(复选框)操作方法汇总
Apr 15 Javascript
javascript框架设计之框架分类及主要功能
Jun 23 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
js实现简单排列组合的方法
Jan 27 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
原生js实现节日时间倒计时功能
Jan 18 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
async/await优雅的错误处理方法总结
Jan 30 Javascript
json数据格式常见操作示例
Jun 13 Javascript
详解vuex之store源码简单解析
Jun 13 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
如何修改和添加Apache的默认站点目录
2013/07/05 PHP
PHP获取windows登录用户名的方法
2014/06/24 PHP
在WordPress中使用wp_count_posts函数来统计文章数量
2016/01/05 PHP
jquery uaMatch源代码
2011/02/14 Javascript
javascript实现获取浏览器版本、操作系统类型
2015/01/29 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
React Native模块之Permissions权限申请的实例相机
2017/09/28 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
vue集成百度UEditor富文本编辑器使用教程
2018/09/21 Javascript
nodejs 使用nodejs-websocket模块实现点对点实时通讯
2018/11/28 NodeJs
详解javascript replace高级用法
2019/02/17 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
python自定义解析简单xml格式文件的方法
2015/05/11 Python
python3学习笔记之多进程分布式小例子
2018/02/13 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
python+selenium实现简历自动刷新的示例代码
2019/05/20 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
pytorch进行上采样的种类实例
2020/02/18 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
澳大利亚家具和家居用品在线商店:Interiors Online
2018/03/05 全球购物
造型师求职自荐信
2013/09/27 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
安全隐患整改报告
2014/11/06 职场文书
小学感恩主题班会
2015/08/12 职场文书
公务员爱岗敬业心得体会
2016/01/25 职场文书
多人股份制合作协议书
2016/03/19 职场文书
《女娲补天》读后感5篇
2019/12/31 职场文书
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS