Vue draggable :输入字段

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}
}

​