Vue js 多选 - 具有自定义建议文本

Question

我在我的 Vue v.1x 项目中使用 vue multiselect plugin。我想知道如何在将鼠标悬停在选项上时自定义建议文本，例如 Press enter to select 或 Press enter to remove？ 您可以在fiddle 中查看示例。我尝试设置:selectLabel="Select"，但没有成功。

Answer 1

发送道具时需要使用“kebab-case”。因此，如果道具在孩子中看起来像 selectLabel，它应该像

一样传递

:select-label="value"

此外，在发送变量时，请确保将双引号作为字符串发送，因为在 prop 尝试评估变量之前的 ':'。

例如。标签应该是“选择”

:select-label="'Select'"

例如。 2.标签应该使用组件中定义的变量'xyz'

:select-label="xyz"