我遇到了v-dialog组件的Vuetify示例,该示例 具有称为activator的作用域插槽,定义如下:
<template v-slot:activator="{ on }">
<v-btn
color="red lighten-2"
dark
v-on="on"
>
Click Me
</v-btn>
</template>
Run Code Online (Sandbox Code Playgroud)
我了解了VueJS文档中作用域插槽的用途以及解构插槽道具的概念,但我不理解v-on="on"
此示例中的含义。特别是当未使用v-on
指令指定事件时,这意味着什么?
在上VueJS文档v-on
只能说明其在组合使用与事件名称明确指定(例如v-on:click="..."
),但也没有只使用它作为解释v-on="..."
。
有人可以在Vuetify示例中解释此语法及其用法吗?