vue，指定页面禁止f12删除html节点或者修改css，其他页面需要允许

在 Vue 中，可以通过路由守卫的方式来实现指定页面禁止 F12 删除 HTML 节点或者修改 CSS 的功能。

首先，在路由配置中设置需要禁止 F12 的页面路由：

const router = new VueRouter({
  routes: [
    {
      path: '/forbidden-page',
      name: 'forbiddenPage',
      component: ForbiddenPage,
      meta: {
        requireF12: true
      }
    },
    {
      path: '/allowed-page',
      name: 'allowedPage',
      component: AllowedPage,
      meta: {
        requireF12: false
      }
    }
  ]
})

然后，在全局路由守卫中检查当前路由是否需要禁止 F12：

router.beforeEach((to, from, next) => {
  if (to.meta.requireF12) {
    // 禁止F12
    document.onkeydown = function(event) {
      if (event.keyCode === 123) {
        return false
      }
    }
    // 禁止右键
    document.oncontextmenu = function() {
      return false
    }
    // 禁止选中
    document.onselectstart = function() {
      return false
    }
  } else {
    // 允许F12
    document.onkeydown = null
    // 允许右键
    document.oncontextmenu = null
    // 允许选中
    document.onselectstart = null
  }
  next()
})

这样，就可以在需要禁止 F12 的页面禁止 F12 删除 HTML 节点或者修改 CSS，其他页面则不受影响。