VUE脚手架中页面间传参

以主页面向详情页跳转为例:

(1)在router.js的路由字典中设置为允许一个路径携带参数:

  routes:{

    path:'/details/:变量名',

    component:Details,

    props:true

  }

(2)在接收参数的页面中:

  <script>

    props:["变量名]

  </script>

  结果在这个页面中,就可以随意使用上个页面传过来的值了

(3)在发送参数的页面中:

  <router-link to ="/details/变量名">

  或者:this.$router.push("/details/变量值")

值得注意的是:如果routes中一个路径被规定携带参数,则再使用不带参数的路径访问这个页面,就进不去了。今后,凡是访问这个路径,必须携带参数值。

原文地址:https://www.cnblogs.com/codexlx/p/12468333.html