Vue MultiSelect 改变指针class显示

Vue MultiSelect change pointer class display

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

对于较小的屏幕,文本 "Press enter to select" 会遮挡该值。所以我试图删除文本或创建我自己的悬停 html/css.

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

您可以使用 vue-multiselect 文档中的 showLabels 道具。 showLabels 道具具有布尔值 truefalse。如果 false 则不会显示指针悬停值。有五个用于控制悬停值的自定义道具,例如

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

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

你可以从 JsFiddle 查看这个例子: https://jsfiddle.net/sukantabala28/