如何解决: [Vue warn]: Do not use built-in or reserved HTML elements as component id: uni-icon

关于这个问题网上已有很多,为何还写?主要针对萌新,给解释清楚一些:

首先,来一波英文直译:不要将内置或保留的HTML元素用作组件id:uni-icon

哈哈!转成能听懂的话,是不是瞬间清晰很多,以上,我们可以得到什么信息?

1.出现问题的原因,是因为我们把组件的名字起得跟内置或保留的HTML元素同名了

2.怎么解决呢?第二个信息,那个同名的组件名字叫uni-icon , 所以,把组件名字改成其他的就行了

因为,我项目用的是uniapp,它自带的组件就有一个叫uni-icon,所以,我再封装一个组件,就不能用这个名字了,所以,组件命名要注意不能同名,且尽量有实际意义

tip:这个是Vue warn,其实,不管它也可以,但是会不停低弹出,强迫症严重的话,会受不了,

不过既然你翻到我的博客,就说明了,你的强迫症程度啦【手动偷笑】

 

 

你可能感兴趣的:(前端)