vue中$attrs

$attrs 用来保存给子组件绑定了,但子组件没有接收的数据,如下:

// 父组件
...
<School v-bind="{a, b, c}"></School>
...
// 子组件 School
...
props: ['a', 'b']
...

打印子组件的 $attrs,如下所示:

 

 

 通常,此属性可以用来跨组件通信,比如父组件想传给子子组件,可以使用如下方法:

// 父组件
...
<School v-bind="{a, b, c}"></School>
...
// 子组件 School
...
<Class v-bind="$attrs"></Class>
...
props:[],
...
// 子子组件 Class
...
props:['a', 'b', 'c'],
...

此时,子子组件可以接收到来自父组件的数据

posted @   邢韬  阅读(331)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
历史上的今天:
2021-12-26 flex布局
点击右上角即可分享
微信分享提示