Vue可拖动：输入字段

Question

当我尝试在可拖动元素中添加自定义 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}
}