Vue Draggable: поле ввода

Question

Когда я пытаюсь добавить настраиваемое поле html внутри перетаскиваемого элемента, это не работает. Например, я пытаюсь добавить радио с типом ввода после кнопки удаления, проверить это радио и перетащить этот ряд наверх, радио кнопки всегда идетвернуться к своей последней первой позиции

 <input type="radio" id="index" name="drone" value="index">

вот jsfiddle: https://jsfiddle.net/amherve/nm6c25eg/5/

Answer 1

Есть несколько вещей не так, я выложил новый пример для вас. Пример кода здесь

Ваши данные должны быть отформатированы следующим образом:

data () {
  return {
    list: [
      { name: 'allen' }
    ]
  }
}

В вашем компоненте необходимо указать, какие другие компоненты он будет использовать:

import draggable from "vuedraggable";


export default {
  name: "App",
  components: {draggable}
}