1.this.$route.query的使用

(1)、传参数:

this.$router.push({
         path: '/checkout',
         query:{
               productId:id,
          }
}

(2)、获取参数:

this.$route.query.productId

(3)、在url中形式(url中带参数)

http://xxx/#/goodsDetails?productId=150642571432849

(4)、页面之间用路由跳转传参时,刷新跳转后传参的页面,数据还会显示存在(项目中遇到此问题)

2.this.$route.params的使用

(1)、传参数:

// An highlighted block
this.$router.push({
         name: 'checkout',
         params:{
               productId:id,
          }
};

(2)、获取参数:

// An highlighted block
this.$route.params.productId

(3)、在url中形式(url中不带参数)

// An highlighted block
http://172.19.186.224:8080/#/checkout

(4)、页面之间用路由跳转传参时,刷新跳转后传参的页面,数据不存在((url中没带参数))

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐