javascript - js的一个拖拽排序问题？

Question

demo在这：https://codepen.io/bruce-zhang/pen/MWdXVyp

功能是切换上面checkbox,生成底下的标签，底下的标签可以拖拽排序。现在的问题是对底下的标签进行拖拽排序之后，上面的checkbox再切换，会对顺序进行重新排列。怎么实现切换上边的checkbox，不对底下的标签产生影响？

Answer 1

数据应该是这样的：

const data = [{name: '姓名',visible: true, sort: 0},{name: '年龄',visible: false, sort: 1},...];

然后复选框修改visible属性，拖拽排序修改sort属性。

重要 显示时按sort排序结果显示，但是过滤掉visible===false的值。

Answer 2

上面只控制下面菜单的有无；底下控制排序就可以了。