方案: watch监听表单data的变化次数count
步骤1:编辑回填时设置初始值,一般是1或者表单可赋值字段数。具体可以在初次渲染完成时打印出来。
步骤2:然后在当前路由页面变化时执行一个方法(和methods同级),内容是判断设置的count有没有超过默认的值。超过表示有新的watch变化编辑。然后通过this.$confilm弹框的回调
**this.$confirm**('您有未提交的修改,是否保存/提交 ?', '提示', {
confirmButtonText: '是',
cancelButtonText: '否',
type: 'warning'
})
.then(() => {
是就执行保存方法之后再继续跳转
this.save()
next()
})
.catch(() => {
next(false) // 取消就切换路由跳转
})