Vue中v-bind=“$attrs”的使用方法
Vue中v-bind=“$attrs”的使用方法
·
$attrs
主要用于组件之间的隔代传值。例如有 父组件A,子组件B,孙组件C 三个组件。
在A组件中传值给C,可直接在B中的C上设置v-bind="$attrs",然后在C组件中用prop接收,此时就直接把值传给了C。
用法如下:
组件A
<template>
<bCom msg='123'/>
</template>
组件B
<template>
<cCom v-bind="$attrs"/>
</template>
组件C
<template>
<div>A传递过来的值:{{msg}}</div>
</template>
<script>
export default {
name: 'cCom',
props: {
msg:{ //接收A传递的msg
typeof:String,
default:''
}
},
}
</script>
组件隔代通讯其它相关用法:
Vue中v-on=“$listeners“的使用方法https://blog.csdn.net/weixin_44594219/article/details/127259825?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22127259825%22%2C%22source%22%3A%22weixin_44594219%22%7Dvue2中EventBus的使用方法https://blog.csdn.net/weixin_44594219/article/details/127248681?spm=1001.2014.3001.5502
更多推荐
已为社区贡献5条内容
所有评论(0)