时间:2021-05-25
在实际开发中,我们可能需要拿到组件声明时创建的一些属性,比较典型的话就是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属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一递归组件递归组件的特性就是可以在自己的template模板中调用自己本身。值得注意的它必须设置name属性。//递归组件recursive.vue递归组件ex
1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册varChild={templat
属性排放exportdefault{name:'名称',components:{//组件挂载a},created(){}//数据获取beforeMount(){
CSS基本属性处理方法描述css(name)获取元素上CSS规则中name属性值css(name,value)css(name,fn(index,value))
在父组件App.vue中引用子组件A.vue,把name的值传给A组件。1、安装在桌面新建一个文件夹$cd到文件中$npminstall-gvue-cli$vu