项目中要求如果实在创建页面,路由离开的话需要给提示,防止误操作,毕竟我们的表单数据比较多,使用beforeRouteLeave就可以啦。注意的是这个方法不需要写到methods里面,直接放在外面就行啦。
beforeRouteLeave: function (to, from, next) {
next(false)
this.$confirm('离开本页面数据将会丢失!', '提示', {
distinguishCancelAndClose: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
next()
}).catch(() => {
return false
})
},