vue+elementUI表格列显示隐藏遇到bug

在最近的项目中，有需求要做到根据字段显示列，原来以为简单的v-if可以解决。

在开发的过程中遇到问题，

<el-table ref="multipleTable"
	:data="assetData"
	class="select_wrap"
	border
	:header-cell-style="{background:'#F5F7FA'}"
	style="width: 100%"
	@selection-change="handleSelectionChange">

	<el-table-column type="selection" width="55" :key="Math.random()"  v-if="this.systemType1 == 'OPORE'"></el-table-column>

	<el-table-column prop="subject" label="说明" :key="Math.random()" show-overflow-tooltip></el-table-column>

        <el-table-column prop="userName" label="创建用户" :key="Math.random()" show-overflow-tooltip></el-table-column>

        <el-table-column prop="beginTime" label="创建时间" :key="Math.random()" show-overflow-tooltip> </el-table-column>

	<el-table-column prop="zrson" label="不关闭原因" :key="Math.random()"  width='100' show-overflow-tooltip v-if="this.systemType1 == 'OPORE'"></el-table-column>

</el-table>

在不加:key="Math.random()"的时候会报错 h.$scopedSlots.default is not a function

究其原因，是因为表格是element-ui通过循环产生的，而vue在dom重新渲染时有一个性能优化机制，就是相同dom会被复用，这就是问题所在，所以，通过key去标识一下当前行是唯一的，不许复用，就行了。

添加 :key="Math.random()"