Vuetify: сделать настраиваемое изображение кликабельным при переопределении «добавочного» слота v-текстового поля - PullRequest
0 голосов
/ 11 июля 2019

Я просто пытаюсь использовать пользовательское изображение в append слоте v-text-field.Кроме того, я хочу, чтобы это изображение было кликабельным, но не будет устанавливать курсор на текстовое поле при нажатии на изображение.

Согласно документации , легко использовать дизайн материала.значок для архивирования:

    <v-text-field
              :append-icon="mdi-map-marker"
              box
              clearable
              label="Message"
              type="text"
              @click:append="toggleMarker">
    </v-text-field>

Также легко использовать изображение вместо значка дизайна материала:

    <v-text-field
        box
        clearable
        label="Message"
        type="text">

        <template v-slot:append>

          <img width="24" height="24" src="my-image.png" >

        </template>

      </v-text-field>

Но как я могу сделать это изображение кликабельным, чтобы онореагировать так же, как иконка дизайна материала выше с @click:append="toggleMarker" строкой кода?

...