Как заставить append-outer-icon работать в vuetify?

v-select позволяет добавить append-outer-icon, но как заставить расширять список значков при щелчке по этому элементу?

 <v-select                
        :items="selectItems.position"
        v-model="selectedPosition"            

        clear-icon="highlight_remove"  
        append-icon="unfold_more"
        append-outer-icon="unfold_more"
        @click:append-outer="openSelect"                                                                  
        >

@click: append-outer позволяет добавить функцию обратного вызова, но что мне нужно сделать в openSelect, чтобы расширить список элементов?


vuetify.js v-select
person Viktor Goncharuk    schedule 01.03.2019    source источник
comment
Что вы называете расширением списка пунктов? Список какого элемента, как вы хотите его расширить?   -  person Hammerbot    schedule 01.03.2019
comment
Каждый компонент v-select содержит список элементов. А v-select расширяет (раскрывает!) Список элементов (это стандартное поведение этого компонента). Я хочу сделать то же самое, нажав на другую кнопку (например, добавить внешний значок) значок   -  person Viktor Goncharuk    schedule 01.03.2019

Ответы (1)


arrow_upward
6
arrow_downward

Вы должны добавить ref к вашему элементу v-select. А затем используйте это ref в своей openSelect функции:

<template>
    <v-select
        ref="theSelect"

        :items="selectItems.position"
        v-model="selectedPosition"

        clear-icon="highlight_remove"
        append-icon="unfold_more"
        append-outer-icon="unfold_more"
        @click:append-outer="openSelect"
    />
</template>

<script>
    export default {
      methods: {
        openSelect () {
          this.$refs['theSelect'].onClick()
        }
      }
    }
</script>
person Hammerbot    schedule 01.03.2019
comment
Обратите внимание, что это не документированная функция, поэтому в будущих выпусках она может выйти из строя, не сообщая вам ... Поэтому проверьте, работает ли это по-прежнему при обновлении vuetify в будущем. - person Hammerbot; 01.03.2019