刷新组件

it2024-11-21  35

强制组件刷新的几种方法

在做表格的时候 需要对表格进行刷新 一般情况是有两种刷新的方法:

v-if刷新 <template> <editor v-if="isRouterAlive" > </editor> </template> data() { return { isRouterAlive: true, // 是否销毁 destory: true, // 销毁组件 } } methods: { reload() { this.isRouterAlive = false this.$nextTick(() => (this.isRouterAlive = true)) } } 使用key值刷新 <el-table :key="menuKey" v-loading="(params.queryType === 1 && loading) || LineChooseLoading" height="500px" :data="tableData || []" border :row-class-name="tableRowClassName" > data() { return { menuKey: 1, // table需要刷新的key值 } }, handleCheckedCitiesChange(value) { // alButton 记录的是上一次选择的环节 this.$emit('fresh') this.tableData = [] ++this.menuKey }
最新回复(0)