• vue-router 声明式导航和编程式导航


    一、声明式导航是写在template标签里,通过<router-link></router-link>标签来触发

    detail.vue详情页,通过$.route.params取值,注意是$.route,不是$.router

        $router:路由器对象

             $route:当前路由信息

    二、编程式导航写在js里,通过this.$router.push(xxx)来触发路径

     相关 API:
    1) this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面)   ==>> 队列的方式(先进先出)
    2) this.$router.replace(path): 用新路由替换当前路由(不可以返回到当前路由界面)    ==>> 栈的方式(先进后出)
    3) this.$router.back(): 请求(返回)上一个记录路由
    4) this.$router.go(-1): 请求(返回)上一个记录路由
    5) this.$router.go(1): 请求下一个记录路由

    三、params参数和query参数的区别

    params传参,和name属性匹配,name里写路径,相当于post请求,地址栏不显示请求参数

    query传参,和path属性匹配,path里写路径,相当于get请求,地址栏会显示请求参数

  • 相关阅读:
    Android网络通信的六种方式
    launcher4.0加载
    MessageDigest使用 完成MD5加密
    java集合
    Context
    android字库使用
    Java动态代理
    积累
    sql游标
    无限级CSS树形菜单
  • 原文地址:https://www.cnblogs.com/qdkfyym/p/13440112.html
Copyright © 2020-2023  润新知