手机版

vue从一页跳到另一页并携带参数的解决方案

时间:2021-08-21 来源:互联网 编辑:宝哥软件园 浏览:

1.要求:

点击商城跳转到商业实体列表

解决方案:

元页面:

在标记a中添加跳转功能。

a class=' order BTN 1 SiRicon 2 ' href=' JavaScript : void(0);'rel=' externalnofollow ' @ click=' to malfo(' m 000989 ')' I class=' siricon '/I shopping mall/a to malfo 3360函数(mall代码){this。$ router . push({ path : '/Property info/mall/mall list ',//name:' mall list ',query : { mall code 3360 ' m 00989 ' })),跳转的url将被添加到$ router。

路径中url前面的add/表示它在根目录下,如果没有添加,则是子路由

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

-

跳转页面接收参数

创建了(){this。getparams ()},methods : { getparams(){//获取参数const router params=this。$ route.query.mallcode//put当前组件的数据中的数据。mallinfo.searchmap.mallcode=路由器参数;This.keyupMallName()}},watch : {“$ route”:“getparams”}解决了!

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

版权声明:vue从一页跳到另一页并携带参数的解决方案是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。