Vue可拖动：输入字段

Question

当我尝试在draggable元素内添加自定义html字段时，此方法不起作用 例如，我尝试在“删除”按钮之后添加一个输入类型的单选按钮，然后选中此单选按钮并将其拖动到顶部，则单选按钮总是返回到其最后一个第一位置

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

这是jsfiddle：https://jsfiddle.net/amherve/nm6c25eg/5/

Answer 1

有些错误，我为您准备了一个新的典范。 Example code here

您的数据需要这样格式化：

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

在您的组件中，您需要声明它将使用哪些其他组件：

import draggable from "vuedraggable";


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