检测data的变化,修改key来刷新table

<template>
	<el-table
	        :data="data"
	        :key="reflush"
	      >
	      ...
	</el-table>
</template>

<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator'
	
@Component({})
export default class extends Vue {
	reflush = true
	
	@Watch('data')
	watchData() {
	  this.reflush = !this.reflush
	}
}
</script>

PS: 使用watch方法来监视表格数据data的变化,如果发生变化,修改table的key即reflush使表格刷新

Logo

前往低代码交流专区

更多推荐