Добавление нескольких значков к входам в Vuetify.js - PullRequest
Новая
       18

Добавление нескольких значков к входам в Vuetify.js

0 голосов
/ 14 ноября 2018

Я знаю, как использовать свойство append-icon для добавления значка в конце ввода, например: 

new Vue({
  el: '#app'
})
<link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/vuetify@1.3.8/dist/vuetify.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@1.3.8/dist/vuetify.min.js"></script>

<div id="app">
  <v-text-field
            label="Answer (optional)"
            append-icon="fas fa-times"
            @click:append="$emit('remove-answer')"
    ></v-text-field>
</div>

Но есть ли способ добавить несколько значков или кнопок, как вы можете в Bootstrap?

Я хотел бы добавить несколько значков с различными действиями, но я пока не смог найти решение ...

1 Ответ

0 голосов
/ 14 ноября 2018

Вы можете использовать слоты append или append-outer, вы можете добавить туда все, что захотите. 

v-text-field label="Answer (optional)">
  <template slot="append">
    <v-icon>clear</v-icon>
    <v-icon>search</v-icon>
  </template>
</v-text-field>

Codepen

...