- 智能AI问答！更聪明、更完整、原创作！
- 一款基于GPT的超级AI机器人，可以回答问题、聊天、创作、写文案！
请简述vm.$attrs的含义并实现动态的获取组件的name属性。
发布于 2023-11-04 16:07:28
vm.$attrs是Vue实例中一个对象，它包含了父组件传递给子组件的非props属性，也就是父组件中没有被子组件props接收的属性。
要动态获取组件的name属性，可以使用以下代码：
- 在父组件中传递name属性给子组件：
<template> <child-component :name="componentName"></child-component> </template>
- 在子组件中使用vm.$attrs获取name属性：
<template> <div>{{ $attrs.name }}</div> </template>
通过vm.$attrs.name即可动态获取组件的name属性。在上述代码中，父组件传递了名为componentName的属性给子组件，子组件通过vm.$attrs.name获取到了这个属性的值，并在mounted钩子函数中将其打印出来。
0 条评论
关于作者
相关文章
2