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

Question

<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>

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

谢谢。

Answer 1

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

.multiselect--active .icon {
    transform: rotate(180deg);
}