@TuMko

Как выводить Bootstrap Vue tooltip по условию?

Здравствуйте. Есть компонента вывода списка пользователей. У пользователя есть поле email, если оно слишком длинное, то оно обрезается и выводится tooltip. Как сделать, чтобы tooltip выводился только если email обрезан? Может можно как-то задать условие для добавления директивы v-b-tooltip?

<template>
<div class="row">
        <div v-for="user in getUserList" :key="user.id" class="col-md-4 col-sm-6">
            <div class="user-card__email" v-b-tooltip :title="user.email">{{ user.email }}</div>
        </div>
</template>
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
AlexeyCaTHaR
@AlexeyCaTHaR
Можно сделать два дива и выводить нужный. Или с тултипом или без
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега Vue.js
v-b-tooltip="{ disabled: здесь ваше условие }"
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы