小编Ele*_*ena的帖子

我是 Vue.js 的新手，我希望在你的帮助下理解作用域插槽......

我想优化我的代码，只有当标签超过 10 个字符（或任何其他条件）时，工具提示才能在悬停时可见。

这有效，但没有优化：

<v-btn>
 <v-tooltip right v-if="slot.label.length > 20">
  <template v-slot:activator="{on}">
   <span class="text-truncate ml-1 mr-1" v-on="on">
    {{slot.label}}
   </span>
  </template>
  <span>{{slot.label}}</span>
 </v-tooltip>
 <span v-else class="text-truncate ml-1 mr-1">
  {{slot.label}}
 </span>
</v-btn>