Showing a modal window when clicking on a table row?

Question

JavaScript

Hello! Here, when I click on a column, I show a modal window, but due to v-else, the row entry disappears while working with the modal window. How can I do it? (I tried to wrap it in a div, but then the table gets corrupted)

<template>
  <UserModal v-if="showModal" @close="showModal = false" v-bind:id="todo.id"></UserModal>
  <tr v-else @dblclick="showModal=true">
    <th scope="col">{{ todo.id }}</th>
    <td>{{ todo.title }}</td>
    <td>{{ todo.body }}</td>
  </tr>
</template>

)