vue3 版本不支持三层嵌套组件中间组件绑定 v-bind='$attrs' 里层组件$emit通知顶层组件

dang0705 commented 2 years ago

问题描述 VUE3 官方的祖-父-孙组件，孙组件可以直接通过父组件内在孙组件上 v-bind='$attrs'，内部$emit，直接通知祖辈组件。但uni app 这方面的表现和官方有差异

复现步骤 [复现问题的步骤]

祖辈组件 grandFather.vue < father @getGrandSonEvent="event" / >

父组件 father.vue < grandson v-bind=“$attrs” / > options-api中的选项 inheritAttrs: false

孙组件 grandson.vue this.$emit('getGrandSonEvent',1)

以上代码 vue3 下 h5端表现正常, 小程序无法运行

[或者可以直接贴源代码]

预期结果 小程序编译后祖辈组件可以获得孙组件抛出的数据，参考vue3官网 https://v3.cn.vuejs.org/guide/migration/listeners-removed.html#%E6%A6%82%E8%A7%88 实际结果 小程序编译后祖辈组件无法获得孙组件抛出的数据

系统信息: