Показ модального окна при клике на строку таблицы?

Question

[askar98]

Всем привет! Тут при клике на столбец показываю модальное окно,но из за v-else запись строки пропадает во время работы с модальным окном.Как можно сделать?(пробовал обернуть в div,но тогда портится таблица)

<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>

)

Comments

[Евгений]

Так вы сами задаете условие, либо модалка, либо таблица, причем жестко... если вам нужно скрывать навремя - замените v-if на v-show

[Евгений]

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

Если верно понял

[askar98]

Евгений,Спасибо!