正在加载我的自动完成组件时,有一段时间,下拉箭头呈现为文本“ arrow_drop_down”。这就是生成的HTML:
<div class="v-input__append-inner">
<div class="v-input__icon v-input__icon--append">
<i aria-hidden="true" class="v-ico material-ico">arrow_drop_down</i>
</div>
</div>
有没有办法防止这种情况?应用CSS样式并不简单,因为一旦箭头图标可用,它的样式就会相同。因此,例如,使用font-size: 0
会使图标也消失。
产生以上结果的实际来源是:
<v-autocomplete
v-model="suburb"
:items="suburbs"
:label="'Start typing your suburb name'"
:filter="customFilter"
persistent-hint
prepend-icon="mdi-city"
>
</v-autocomplete>