vue从一个页面跳转到另一个页面并携带参数的解决方法 - 行业资讯

1。需求:

点击商场跳转到商业体列表

解决方案:

元页面:

标签中添加跳转函数

　　　　　　& lt;一个类=" orderBtn1 sIRicon2 " href=" javascript:无效(0);“rel=巴獠縩ofollow”@click=皌oMallInfo (M000989)“祝辞& lt;我类=皊IRicon”祝辞& lt;/i>商场& lt;/a> 　　　　　　　　toMallInfo:函数(mallCode) { 　　美元。router.push ({ 　　路径:“propertyInfo/商?mallList”,//名称:“mallList”, 　　查询:{ 　　mallCode:“M000989” 　　} 　　}) 　　}, 　　　　

将将跳转的url添加到路由器中美元。

中路径的url最前面加/代表是根目录下,不加则是子路由

通过路径+查询的组合传递参数

——

跳转页面接收参数

　　　　　　创建(){ 　　this.getParams () 　　}, 　　方法:{getParams () {//取到路由带过来的参数　　const routerParams=route.query.mallCode美元//将数据放在当前组件的数据内　　this.mallInfo.searchMap。mallCode=routerParams; 　　this.keyupMallName () 　　} 　　}, 　　看:{ 　　“美元路线”:“getParams” 　　} 　　　　

解决! ! !

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。