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

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

提前谢谢您。

Answer 1

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

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