vue.js сохраняет данные в новом массиве с отправкой и отображает его в другой таблице.

Question

Мне нужно сделать 2 таблицы, в которых я могу выбрать данные в одной таблице и отправить их в другую таблицу. Затем с помощью кнопки удаления верните его в первую таблицу. Это то, к чему я придумал. Может ли кто-нибудь помочь мне, пожалуйста?

<script async src="//jsfiddle.net/morka/65w7Lc96/embed/"></script> 
    https://jsfiddle.net/morka/65w7Lc96/ 

Answer 1

Основная проблема, кажется, в вашем addItems функция, которая в настоящее время возвращения истинным или ложным, а не добавление элементов на самом деле. Вы должны изменить свою addItems функции, как следующее:

addItems: function(){ 
      this.newItems = this.selected; 
    } 

Кроме того, как вы просто нажав имена в this.selected, вы должны удалить .name при рендеринге таблицы из newItems. Вы можете изменить код, нажав объект в this.selected, чтобы получить доступ к имени ini newItems.

Проверьте работоспособность fiddle.