Vue新手求助：Vuetify Tooltip在Pug.js中使用报错

你的Pug代码存在两处关键错误，导致Tooltip无法正常运行：

错误1：v-slot语法写错 #

Vue的具名插槽v-slot:activator="{ on, attrs }"在Pug中不能写成v-slot="activator:{on,attrs}"，正确写法是直接指定插槽名：v-slot:activator="{ on, attrs }"。

错误2：激活元素缺少必要绑定 #

触发Tooltip的span没有绑定attrs和on，这两个是Vuetify控制Tooltip激活状态的核心属性，必须通过v-bind和v-on绑定到元素上。

正确的Pug代码： #

v-tooltip(bottom)
  template(v-slot:activator="{ on, attrs }")
    span(v-bind="attrs", v-on="on") This is a span
  span ToolTip span

代码说明： #

• v-slot:activator="{ on, attrs }"：正确指定激活插槽，同时解构出Vuetify提供的事件监听对象on和属性对象attrs
• span(v-bind="attrs", v-on="on")：把解构得到的属性和事件绑定到触发元素上，保证Tooltip能正确响应鼠标交互

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