Создание лифта с помощью VUEjs

<template>
<div>
  <table width="20%" cellspacing="0" cellpadding="63">
   <tr id="5"> 
    <td width="200" valign="top"></td>
    <td id="fith_floor" valign="top"><button id="fith_floor" inner-height="70"></button></td>
   </tr>
   <tr id="4">
    <td width="200" valign="top"></td>
    <td id="fourth_floor" valign="top"><button id="fourth_floor" inner-height="70"></button></td>
   </tr>
   <tr id="3">
    <td width="200" valign="top"></td>
    <td id="third_floor" valign="top"><button id="third_floor" inner-height="70"></button></td>
   </tr>
   <tr id="2">
    <td width="200" valign="top"></td>
    <td id="second_floor" valign="top"><button id="second_floor" inner-height="70"></button></td>
   </tr>
   <tr id="1">
    <td class="lift" width="5"  valign="top"></td>
    <td id="first_floor" valign="top"><button id="first_floor" inner-height="70"></button></td>
   </tr>

  </table>

</div>
</template>

<script>

export default {
  name: 'App',
  components: {
    
  }
}
</script>

<style type="text/css">
  .first_floor{
    font-size: 10;
  }
  .lift{
    background: blue;
  }

</style>

Хочу создать лифт, который передвигается к нажатой кнопке, а если нажато несколько кнопок, то появляется очередь из этажей, к которым лифт будет подниматься. Мой вариант - это менять строку в таблице с (пустой) строкой, где нажата кнопка, но я не знаю как это сделать (и можно ли это сделать)


Ответы (0 шт):