Как удалить значение переменной

Question

У меня есть массив из 4-ех элементов, я хотел сделать так, чтобы по нажатию на кнопку удалялось значение переменной которая идет после Состояние: , но у меня вылазит ошибка Cannot read properties of undefined (reading 'splice')"

const app = new Vue({
   el: '#app',
   data() {
      return {
         cars: [
            {status: 'Идеальный', repair: 54541},
            {status: 'Плохой', repair: 5451},
            {status: 'Хороший', repair: 545},
            {status: 'Идеальний', repair: 5454},
         ],
      }
   },
   methods: {
   Clickrepaircar(index) {
         console.log(index);
         this.cars[index].staus.splice(index, 1)
      },
   },
});

.footer__block {
   width: 337px;
   height: 58px;
   background: blue;
   border-radius: 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-left: 16px;
   padding-right: 8px;
}
.block__nomer {
cursor:pointer;
   background: rgba(0, 0, 0, 0.8);
   width: 184px;
   height: 42px;
   border-radius: 17px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 700;
   font-size: 28px;
   line-height: 34px;
   letter-spacing: -0.05em; 
   color: #FFFFFF;
}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <div class="footer__block" v-for="(car, index) in cars">
     <div class="block-text">Состояние: {{car.status}}</div>
     <div class="block__nomer" @click="Clickrepaircar(index)">
        <div class="nomer__text">Ремонт - {{car.repair}}</div>
     </div>
  </div>    
</div>

БЛОГ НА HUSL

Как удалить значение переменной

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