How To Drop Down Programmatically A Select Menu By Clicking On Image Vuetify?

I have my image property and select in template:

Solution 1:

Just add a callback handler for that event like :

this.$refs.select.onClick((e) => {

  });

Full example

var app = newVue({
  el: '#app',
  vuetify: newVuetify(),
  data: {
    currencySelect: ['a', 'b', 'c']
  },

  methods: {
    click_select() {

      this.$refs.select.onClick((e) => {

      });
    }
  }
})

<linkhref="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"rel="stylesheet"><linkhref="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css"rel="stylesheet"><linkhref="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css"rel="stylesheet"><scriptsrc="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script><scriptsrc="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script><divid="app"><v-appid="inspire"><button @click='click_select'class="v-btn-primary">
    select
    </button><v-select:items="currencySelect"ref='select' /></v-app></div>