zoukankan      html  css  js  c++  java
  • 路由信息对象Route之属性query和params的区别

    query的使用

    第一步:在<router-link/>标签中配置如下

    <router-link :to="{name:'beijing',query:{id:1,user:'lisi'}}">看电影</router-link>

    第二步:在路由规则中配置(导航)

    {name:'beijing',path:'/beijing',component:BeiJing}

    第三步:在路由对应的组件created函数中输出内容

    this.$route   //全部内容(object)

    this.$route.query.id   //参数

    查看在url中的路径

    http://localhost:8080/move?id=1&user=lisi

    params的使用

    第一步:在<router-link/>标签中配置如下

    <router-link :to="{name:'beijing',params:{id:2,user:'zousaili'}}">听音乐</router-link>

    第二步:在路由规则中配置(导航)

    {name:'beijing',path:'/beijing/:id/:user',component:BeiJing}

    第三步:在路由对应的组件created函数中输出内容

    this.$route   //全部内容(object)

    this.$route.params.id  //参数

    查看在url中的路径

    http://localhost:8080/music/2/zousaili

  • 相关阅读:
    css 如何让背景图片拉伸填充避免重复显示
    CDHtmlDialog 基本使用
    RES协议
    Sata win7 热插拔(AHCI)
    __argc和__argv变量
    MFC进度条刷新处理
    SVN强制注释
    自动build服务器 CruiseControl.NET
    opencv Mat 像素操作
    std::string 用法
  • 原文地址:https://www.cnblogs.com/zousaili/p/9367317.html
Copyright © 2011-2022 走看看