84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
所以我有一个按钮，我想要多次使用，作为一个带有插槽的组件
但是当我想要使用它时，我无法在插槽按钮上使用 @click="method"，所以我使用了一个嵌套按钮（我有一个插槽按钮，然后另一个按钮只是用来使用 @click="method"）：
Check answer
这样可以工作，但它是无效的HTML。我该如何解决？
Vue3 SFC Playground
您需要使用v-bind="$attrs"将按钮组件的属性绑定到模板中的上，并禁用模板的根元素的默认属性继承，使用inheritAttrs:false。
v-bind="$attrs"
inheritAttrs:false
此外，您不需要在这里使用命名插槽，只需使用默认插槽：
父组件：
Vue3 SFC Playground
您需要使用
v-bind="$attrs"将按钮组件的属性绑定到模板中的上，并禁用模板的根元素的默认属性继承，使用inheritAttrs:false。此外，您不需要在这里使用命名插槽，只需使用默认插槽：
父组件：