热销组件透传属性警告问题

来源：7-7 Vue项目首页 - 热销推荐组件开发

宇文树学1994

2022-07-05

图片描述

我在热销推荐的Recommend.vue里面使用时提示tag标签已废弃，于是我换成了v-slot写法。可是现在提示警告：[Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
at <RouterLink class=“item border-bottom” key=“0001” to="/detail/0001" … >
at <HomeRecommend list
我在官网上看是因为透传属性的问题。按照官网的方法改过之后还是提示警告。
https://staging-cn.vuejs.org/guide/components/attrs.html#attribute-inheritance-on-multiple-root-nodes

我最近再重新学Vue，我之前用的是vue2，用时tag属性是可以的。但是换成vue3之后就提示tag废弃了。昨晚弄到11点多。按照官网的说法是加v-bind="$attrs"和inheritAttrs: false。我试过了，还是和原来一样有警告。
这个咋整呀？

写回答

1回答