如何使用vue组件禁用浏览器上的后退按钮？

// 引入vue-router库
import router from 'vue-router';

export default {
  created() {
    // 拦截路由导航
    router.beforeEach((to, from, next) => {
      // 判断当前页面是否需要禁用后退按钮
      if (to.meta.disableBackButton) {
        // 将当前页面添加到浏览器历史记录中
        window.history.pushState(null, null, window.location.href);
      }
      next();
    });
  },
  beforeDestroy() {
    // 解除路由导航的拦截
    router.beforeEach((to, from, next) => {
      next();
    });
  }
}

const routes = [
  {
    path: '/example',
    component: ExampleComponent,
    meta: {
      disableBackButton: true
    }
  },
  // 其他路由配置...
];