专栏首页葫芦cssjshtml vue.js 路由独享守卫,组件守卫

cssjshtml vue.js 路由独享守卫,组件守卫

main.js路由独享守卫:

    path: '/menu', name: "menulink", component: Menu, beforeEnter: (to, from, next) => {
      alert("非登录状态不能进入此页面!");
      next('/login');
    }

main.js后置钩子:

//后置钩子
// router.afterEach((to, from) => {
//   alert('after each ')
// })

组件守卫Admin.vue:

<template>
      <h1>{{name }}</h1>

</template>

<script>
    export default {
      data(){
        return{
          name:"brownwang"
        }
      },
      beforeRouteEnter:((to, from, next) =>{
        // alert("hello "+this.name);
        // next();
        next((vm => {
          alert("hello "+vm.name);
        }))
      }),
      beforeRouteLeave:((to, from, next) => {
        if(confirm("确定离开?")==true){
          next()
        }else{
          next(false)
        }
      })
    }
</script>

<style scoped>

</style>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • teg 网工试题

    1.20端口是_________    TCP的20 = ftp数据传输 2.PING是使用TCP/IP协议中的______协议          ...

    葫芦
  • teg 计算机试题

    1.20端口是_________    TCP的20 = ftp数据传输 2.PING是使用TCP/IP协议中的______协议          ...

    葫芦
  • python 面向对象基础 实例属性和类属性

    但是,如果Student类本身需要绑定一个属性呢?可以直接在class中定义属性,这种属性是类属性,归Student类所有:

    葫芦
  • 【玩转腾讯云】在云函数里为 Next.js 跑 SSR

    很多时候我们都希望首屏速度快,SEO友好,那么相比于客户端渲染,SSR渲染将是这方面的优势。

    XaDon
  • [Leetcode][python]Reorder List/重排链表

    将单向链表L0→L1→…→Ln-1→Ln转化为L0→Ln→L1→Ln-1→L2→Ln-2→…的形式,也就是从头部取一个节点,从尾部取一个节点,直到将原链表转化成...

    后端技术漫谈
  • 用责任链模式实现图像处理方法的选择(python)

    结合我们822实验室开源的图像处理平台(http://822lab.top)介绍用责任链模式实现图像处理方法的选择(python),供后续学弟学妹参考,整个平台...

    刘开心_1266679
  • 《Springboot极简教程》SpringBoot配置文件PropertySourcesPlaceholderConfigurer

    一个会写诗的程序员
  • Java微框架的兴起,流行微服务框架点评

    随着微服务和轻量级REST API的日益流行,我们目睹了Java的另一个趋势:Java微框架的崛起。Javalin, Micronaut, Spark 和其他很...

    程序你好
  • js---对象 和 函数this

       当函数被保存为一个对象的属性时,它就可称为这个对象的方法。当一个方法被调用时,this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作(. 或 ...

    小蔚
  • MUI-tab两种实现方式 原

    二、另一种方式是原生方式,首先新建移动app,选择底部选项卡模板,会生成原生控件的底部选项卡模板

    tianyawhl

扫码关注云+社区

领取腾讯云代金券