javascript - 更改Buefy库(Vue.js)的TagInput元素中的默认行为？

在我的Vue.js（version 2.5.22）应用程序中，我使用了Buefy库中的UI组件。我使用taginput元素。如果我有5个标签的限制（如下例所示），则当输入具有5个标签时边框消失。

问题：是否可以更改此行为？我还是想显示边框。

<b-field label="Limited to 10 characters and 5 tags">
    <b-taginput maxtags="5":value="['Red', 'Green', 'Blue', 'White']">
    </b-taginput>
</b-field>

最佳答案

没有道具。您可以在b字段组件标签中添加类属性：

<b-field class="always-show" label="Limited to 10 characters and 5 tags">
    <b-taginput maxtags="5" :value="['Red', 'Green', 'Blue', 'White']">
    </b-taginput>
</b-field>

然后为新类添加样式：

.always-show .taginput-container{
  box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  padding: calc(.375em - 1px) calc(.625em - 1px);
}