vue怎么完美解决监听手机物理返回与pc浏览器返回

Question

简单形容一下场景，A,B,C三个页面，在B页面，当用户按了返回时弹出框确认是否返回，点击是返回到A,点击否不做改变，C页面不能返回B页面。
目前百度了，看到了很多方法，但是就是还有小问题。
我的方法是：在B页面使用window.history.pushState添加一个跟B页面一模一样url，然后使用window.addEventListener("popstate",this.nativeGoBack,false);来监听返回，点击确认返回执行window.history.go(-1);，点击否的话继续window.history.pushState.
使用this.$router.replace从B跳到C,虽然能清除掉一个B历史记录，但是C还是可以返回到B,不管怎么搞，我只想知道怎么清除B的两个历史记录？虽然可以在C继续做监听返回，直接跳转到A,但是B的历史记录始终存在，还是可以返回回去。
求各位大神怎么解决这种类似的问题，文字很多，乱，麻烦有点耐心啊。显示你们的实力到了