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

Question

[TuMko]

Здравствуйте. Есть компонента вывода списка пользователей. У пользователя есть поле 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>

Answer 1

[0xD34F]

v-b-tooltip="{ disabled: здесь ваше условие }"

https://jsfiddle.net/x591sy43/

Answer 2

[Алексей]

Можно сделать два дива и выводить нужный. Или с тултипом или без

Comments

[TuMko]

Так и сделал, т.к. другого варианта не нашел. Спасибо