Element UI 开发中遇到的问题总结

一、el-table

1. 列表的整体序号

indexMethods (index) {
      // currentpage当前页码，this.tableData.total总条数，index索引值
     return (this.tableData.total- ((this.currentpage - 1) * 10) - index)

这样做会有一个问题，在页码更新重新请求列表时，序号会出现变成负数的情况，因为index的值在列表刷新时进行了重置，导致列表的数据还未到第二页时，数据还是当前页的，就会出现算出为负数的情况。解决办法：
在index重置为0之前，将数据的列表置为空之后，再进行数据的请求操作。
注：在有删除的情况下，返回上一个页面时也要将数据的列表值置为空，否则会出现负值问题。

一、el-tabs

1. 使用v-if控制tab标签显示遇到的Duplicate keys detected: 'xxx’问题
   <el-tab-pane>中name属性值为xxx的key重复，可以对每一个el-tab-pane写入一个key值，即可
2. el-tab-pane v-show无效
   v-show起作用的本质是display:none,而因为td的display: table-cell;权限高于display:none,所以v-show失效