Vue3中Vue2的v-on指令替代方案咨询（Laravel+Vuetify迁移场景）

针对你迁移时遇到的v-tooltip用法变化，直接替换为以下代码即可：

<v-tooltip top>
  <template v-slot:activator="{ props }">
    <v-btn
      :color="icon3Color"
      dark
      fab
      small
      v-bind="props"
      @click="createPost()"
    >
      <v-icon>add</v-icon>
    </v-btn>
  </template>
  <span>Post</span>
</v-tooltip>

核心变化说明： #

• Vuetify3 中 v-tooltip 的 activator 插槽不再返回 on 对象，而是返回包含绑定属性和事件的 props 对象
• 用 v-bind="props" 替代原Vue2写法中的 v-on="on"，这会自动绑定tooltip触发所需的所有事件（如鼠标移入/移出）
• 自定义的 @click="createPost()" 可以正常保留，不会和tooltip的触发事件冲突

内容的提问来源于stack exchange，提问作者user761100