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

Question

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

Answer 1

发送道具时需要使用'kebab-case'。因此，如果 prop 在子项中看起来像 selectLabel，则应该像

一样传递

:select-label="value"

此外，发送变量时请确保将双引号作为字符串发送，因为 prop 之前的“:”会尝试计算变量。

例如。标签应该是 'Select'

:select-label="'Select'"

例如。 2.标签应该使用组件

中定义的变量'xyz'

:select-label="xyz"

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

Vue js multiselect - having custom suggestion text

multi-select

vue.js