javascript - Vue MultiSelect 更改指针类显示

Question

我正在尝试找出如何更改 vue-multiselect 的“指针”部分的 html/css，例如https://vue-multiselect.js.org/#sub-props (showPointer)

对于较小的屏幕，文本“Press enter to select”会掩盖该值。因此，我尝试删除文本或创建自己的悬停 html/css。

这是它在大屏幕上的样子。

Answer 1

您可以使用showLabelsvue-multiselect 文档中的道具。showLabelsprops 具有布尔值true或false. 如果false则不会显示指针悬停值。有五个用于控制悬停值的自定义道具，例如

• 选择标签
• 选择组标签
• 选定标签
• 取消选择标签
• 取消选择组标签

你应该在实现这些道具时编写show-labels道具。

您可以从 JsFiddle 检查此示例： https ://jsfiddle.net/sukantabala28/