vue.js 接收url参数

Posted 2020-11-10 miaomiaotab

1) 路由配置传参方式
在配置路由时 例如 "/firewall/authorize/:uid/:uname/:token"
页面url为 http://XXX.com/firewall/authorize/23/zhangman/232454

js 接收方式 this.$route.params.uid,
2) ?传参方式
例 http://XXX.com/firewall/authorize?uid=12&uname=zhangman&token=23243
js 接收方式 this.$route.query.uid

 

https://www.cnblogs.com/manman04/p/6218935.html

 

最终方案

 

    <box v-for="info in list" gap="20px 10px" :key="info.id">
      <x-button class="btn" type="primary" @click.native="detailPage(info)" v-model="info.infoType">{{info.infoType}}</x-button>
    </box>

　　

 

 

      detailPage(info) {
        this.$router.push({path: "/monitor-detail", query: {monitoringId: info.id}});
      }

　　

重要参考：

https://blog.csdn.net/sinat_17775997/article/details/68941091

 

http://www.jb51.net/article/128118.htm