如何在 v-checkbox 组件中 v-bind content-class？

Question

在第一个 CodePen 示例中 https://codepen.io/anon/pen/ROXrRZ 您可以看到工具提示消息使用 prop content-class="pl-5"

进行了填充

First picture

在第二个 CodePen 示例中 https://codepen.io/anon/pen/qwebXR 您可以看到工具提示消息没有在 :content-class="{'pl-5': true}"

等相同属性上使用 v-bind

Second picture

如何让 v-bind 在内容上工作-class?

Answer 1

content-class 属性似乎不接受对象作为值。

您可以只使用以下语法：

<v-tooltip top :content-class="condition ? 'pl-5' : ''">