How to conditionally display Bootstrap Vue tooltip?

Question

Bootstrap

Hello. There is a user list output component. The user has an email field, if it is too long, it is cut off and the tooltip is displayed. How to make tooltip only show if email is truncated? Maybe you can somehow set the condition for adding the vb-tooltip directive?

<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

v-b-tooltip="{ disabled: здесь ваше условие }"
https://jsfiddle.net/x591sy43/