新增和编辑共用同一个页面,关闭对话框 设置了重置表单,但当点击【编辑】-取消弹窗-再点击【新增】,此时显示的是编辑页面的内容,刷新浏览器后才置空
此前设置的重置表单无效,故强制刷新浏览器达到目的。
强制 刷新浏览器 方法:
1、 this.$router.go(0)
2、 location.reload()
3、 provide inject
APP
// APP
<template>
<div id="app">
<router-view v-if="isReload" />
</div>
</template>
<script>
export default {
name: 'App',
provide() {
return {
reload: this.reload
}
},
data() {
return {
isReload: true
}
},
methods: {
reload() {
this.isReload = false
this.$nextTick(() => {
this.isReload = true
})
}
}
}
</script>
// 父组件:
<add-role
:dialog-visible="dialogVisible"
:user-id="userId"
@dialog-close="handleClose"
@update-list&