Vue多重选择插槽插入符号下拉选项显示和隐藏

<v-multiselect
      ref="tagMultiselect"
      v-model="sort"
      :options="sorts"
      class="filter"
    >
      <span
        slot="caret"
        slot-scope="{ toggle }"
        class="arrow"
        @mousedown.prevent.stop="toggle"
      >
        <font-awesome-icon
          class="icon"
          icon="chevron-down"
        />
      </span>
    </v-multiselect>

我只想在显示下拉选项时将插入符号更改为人字形。

谢谢。

leilei19870815 回答:Vue多重选择插槽插入符号下拉选项显示和隐藏

他们使用multiselect--active类,您所要做的就是使用它并在其上添加一个转换(同样,与他们相同)

.multiselect--active .icon {
    transform: rotate(180deg);
}
本文链接:https://www.f2er.com/3096931.html

大家都在问