v-slot:activator中｛attrs｝参数的用途是什么

Question

我使用Vuetify创建了一个简单的v-dialog。它使用具有已销毁数据的v-slot:activator，即{on, attrs }。虽然我能理解on部分，但我不明白attrs的目的是什么？若我删除它，那个么对话框仍然可以正常工作。它是如何工作的，它的用途是什么？

以下是Vuetify文档中的一些基本示例：

<template>
<div class="text-center">
<v-dialog
v-model="dialog"
width="500"
>
<template v-slot:activator="{ on, attrs }">
<v-btn
color="red lighten-2"
dark
v-bind="attrs"
v-on="on"
>
Click Me
</v-btn>
</template>
<v-card>
<v-card-title class="text-h5 grey lighten-2">
Privacy Policy
</v-card-title>
<v-card-text>
Lorem ipsum dolor sit amet...
</v-card-text>
</v-card>
</v-dialog>
</div>
</template>
<script>
export default {
data () {
return {
}
},
}
</script>

Answer 1

它的目的是为您提供一组属性/道具，您可以使用v-bind="attrs"(使用对象绑定语法(将其轻松绑定到您选择作为激活的组件

在v-dialog的情况下，其内容由activatablemixin的默认实现生成，并生成一些ARIA属性，但使用mixin组件可以覆盖或扩展它(例如v-menu(