vue3 将组件的所有属性、监听绑定到子组件 跨层级通信
vue3 将组件的所有属性、监听绑定到子组件 跨层级通信
路过君
发布于 2022-12-02 07:33:11
发布于 2022-12-02 07:33:11
代码可运行
运行总次数：0
代码可运行
有时候对已有组件进行二次封装需要传递属性、监听，一个一个声明传值麻烦可以通过以下方法实现
<template>
<div>
<MyComponent v-bind="$attrs"/>
<div>
</template>
<script>
export default {
inheritAttrs: false // 阻止根元素继承属性
}
</script>注：如果再vue2中，需要如下实现
<template>
<div>
<MyComponent v-bind="$attrs" v-on="$listeners"/>
<div>
</template>
<script>
export default {
inheritAttrs: false // 阻止根元素继承属性
}
</script>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-11-25，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
