elementUI中el-table绑定内容对应不上的问题

项目使用的elementUI，有个页面使用的两个单选按钮来控制展示两个表格，运行的时候发现在从A按钮切换至B按钮，然后再从B按钮切换至A按钮的时候，A表格的一些数据和prop绑定的内容无法对应，不知道是不是v-for的原地复用造成的，最终解决方法:
在每一列上面加上一个唯一的key值就能防止出现上述状况，如下加入了:key="Math.random()"。

<el-table-column
       label="离线时间" 
       align="center" 
       min-width="160"  
       :key="Math.random()"
       show-overflow-tooltip
       v-if="search_form.status !== '0'">
        <template slot-scope="scope">
          <div>{{scope.row.onLineFlag == true ? '' : scope.row.offLineTime}}</div>
          <div>{{scope.row.onLineFlag == true ? '' : countDates(scope.row.offLineTime)}}</div>
        </template>
      </el-table-column>