vue中的$attrs属性和inheritAttrs属性

一、vue中,默认情况下,调用组件时,传入一些没有在props中定义的属性,会把这些“非法”属性渲染在组件的根元素上(有一些属性除外),而这些“非法”的属性会记录在$attrs属性上。

二、如何控制不把这些非法的属性渲染在组件的根元素上呢?答案是在组件内部设置inheritAttrs:false即可。

三、通过v-bind="$attrs"可以把“非法”的属性渲染到指定的组件某个元素上。

四、如下图

 

 

posted @   DHeng  阅读(3098)  评论(1编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示