做外贸需要关注的网站有什么好处,徐州网站排名系统,网络推广平台排行前十名,织梦如何生成网站地图先看看是不是你想要解决的问题 拖拽后表头不变的bug修复 这个问题一般是使用v-for对column的数据进行循环的时候#xff0c;key值绑定的是个index导致的#xff0c;请看我上篇文章#xff1a;eleplus对el-table表格进行拖拽(使用sortablejs进行列拖拽和行拖拽)#xff1a;-…先看看是不是你想要解决的问题 拖拽后表头不变的bug修复 这个问题一般是使用v-for对column的数据进行循环的时候key值绑定的是个index导致的请看我上篇文章eleplus对el-table表格进行拖拽(使用sortablejs进行列拖拽和行拖拽)-CSDN博客文章浏览阅读36次。对于列拖拽点击某列的表头前后挪移时松开鼠标左键后挪移的列就应该在哪列显示。行拖拽和列拖拽一样。https://blog.csdn.net/weixin_42234899/article/details/139627036?csdn_share_tail%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22139627036%22%2C%22source%22%3A%22weixin_42234899%22%7D
divel-table:datatableDataborderscrollbar-always-onreftableHeaderrow-keyidtemplate v-for(item, index) in setColumns :keyindex!-- 操作列 --el-table-columnv-ifitem.prop opratefixedright:propitem.prop:labelitem.labeltemplate #headerdiv classsearch-titlediv :classchecked ? search-titleName : 操作/divel-icon classsearch-icon clicksearchSearch color#409EFF //el-icon/div/template/el-table-column!-- 序号列 --el-table-columnv-else-ifitem.prop index:typeitem.type:labelitem.label:widthitem.width || 100/!-- 数据列 --el-table-columnv-else:propitem.prop:labelitem.label:widthitem.width || 100//template/el-table/div
把v-for循环的key值绑定为其他的唯一值就可以修复这个问题。主要是因为在拖拽后改变数据的位置及setColumns数组的顺序但在循环时的key值在拖拽前和拖拽后的key值是一样的所以表头的数据显示不会改变。我在这里把 :keyindex 改成了 :keyitem.label 即可解决。