#vue.js #vuetify.js
#vue.js #vuetify.js
Вопрос:
Я пытаюсь переключиться с одного значка на другой в зависимости от логической переменной.
Например, у меня есть следующий значок:
<v-icon class="mr-3"> mdi-play </v-icon>
У меня есть логическая переменная ‘playing’, которая инициализируется значением false.
Когда значение «воспроизведение» равно False, я хочу, чтобы значок был «mdi-play», но когда переменная «воспроизведение» изменяется на True, я хочу, чтобы значок переключался на «mdi-pause». Каков был бы наилучший способ достижения этого? Я попытался привязать v-text подобным образом, но безуспешно:
<v-icon :v-text="playing ? 'mdi-pause' : 'mdi-play'" class="mr-3"></v-icon>
Большое спасибо!
Ответ №1:
Директива не должна быть привязана с помощью : , в вашем примере вы могли бы просто сделать :
<v-icon class="mr-3">{{playing ? 'mdi-pause' : 'mdi-play'}}</v-icon>