如果"class"或"style"属性已经存在,并且"class"或"style"属性也来自父级作为后备属性,则这些属性将被合并。
除了父级的现有样式之外,我们还为 TodoItem.vue 组件内的 元素添加了边距:
style="margin: 5px 0;">{{ itemName }}
运行示例 »
如果我们在浏览器中右键单击 元素,我们可以看到属性已合并。 边距直接在组件内的 元素上设置,并与从父级穿过的背景颜色合并:
如果组件的根级别上有多个元素,则不再清楚属性应落入哪个元素。
要定义哪个根元素获取fallthrough属性,我们可以使用内置的$attrs对象来标记该元素,如下所示:
TodoItem.vue:
v-bind="$attrs">{{ itemName }}
运行示例 »
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
71万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习