vue 点击物理返回键弹出提示

 

先贴一下效果图吧 点击返回按钮或物理返回键的时候会有一个提示

beforeRouteLeave(to, from, next) {
    //this.back用来判断是点击提交以后的后退 还是点击了后退按钮
	if(this.back) {
		next()
	} else {
             //弹出提示框
		Dialog.confirm({
			message: '退出后内容将不会保存，您是否要继续',
			confirmButtonText: '继续填写',
			cancelButtonText: '退出',
		}).then(() => {
              //点击继续填写
			next(false)
		}).catch(() => {
              //点击退出
			next()
		});
	}
},

 一开始还不知道应该把这段代码写在哪，再贴张图吧

好了 就写这么多了 啾咪 哈哈哈哈