vue从一个页面跳转到另一个页面并携带参数

摘要:
A将跳转函数添加到标签<aclass=“orderBtn1SRicon2”href=“javascript:void(0);”@click=“toMallInfo('M000989')”>iclass=“sIRicon”>&书信电报;商城<函数(mallCode){2this.$router.push({3path:12watch:{13“$route”:

1.需求:

vue从一个页面跳转到另一个页面并携带参数第1张

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

vue从一个页面跳转到另一个页面并携带参数第2张

解决方案:

元页面:

a标签中添加跳转函数

<a class="orderBtn1 sIRicon2" href="javascript:void(0);" @click="toMallInfo('M000989')"><i class="sIRicon"></i>商场</a>
1    toMallInfo: function(mallCode){
2         this.$router.push({
3           path: '/propertyInfo/mall/mallList',
4           // name: 'mallList',
5           query: {
6             mallCode: 'M000989'
7           }
8         })
9       },
 

将将跳转的url添加到 $router中。

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

通过path + query 的组合传递参数

----

跳转页面接收参数

 1   created(){
 2       this.getParams()
 3     },
 4 methods :{getParams(){
 5         // 取到路由带过来的参数
 6         const routerParams = this.$route.query.mallCode
 7         // 将数据放在当前组件的数据内
 8         this.mallInfo.searchMap.mallCode = routerParams;
 9         this.keyupMallName()
10       }
11     },
12     watch: {
13       '$route': 'getParams'
14     }

解决!!!

免责声明:文章转载自《vue从一个页面跳转到另一个页面并携带参数》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ubuntu1704安装zabbix3.2Prommetheus 插件监控 ES下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

安卓智能聊天机器人开发(二)

接上一篇文章《安卓智能聊天机器人开发(一)》,晚上继续写。 在上一篇文章中,已经实现了对网络数据的获取和处理封装,这篇文章来讲下如何嵌入到安卓应用中。 先看下效果图: 从上面两张图我们可以发现,这个聊天布局其实就是一个ListView,只不过它和传统的ListView有些区别,因为它使用了多Item样式布局 首先,先来分析下基础布局: 这个界面是由3个布...

一个漂亮的输出MySql数据库表结构的PHP页面

经常为了方便和直观,我们会首先直接在数据库中设计出表,但是接下来又要将表的结构和设计编写在设计文档中,以便编码的时候可以直观的查询,一旦数据库表非常多,字段非常多的时候,这无疑是件非常郁闷的工作。 这是一个漂亮的PHP页面,可以自动输出MySql数据库所有表结构,大大方便了文档的编写工作,也同时非常方便编码的时候进行查询。当然在设计MySql数据库表和字段...

【Android】XML文件的解析

1.首先我们可以在res包路径下创建一个raw包,然后在raw下创建一个email.xml 文件,并修改其内容如下: 1 <?xml version="1.0" encoding="utf-8"?> 2 <email> 3 <from>123@163.com</from> 4 <to&g...

win32-UpdateLayeredWindow

创建半透明的窗口,以及在窗口上绘制不透明的文本 方法: 创建Bitmap具有PixelFormat32bppPARGB像素格式的GDI + 对象。 创建一个Graphics对象以绘制该Bitmap对象。 使用GDI +将所有图形绘制到该对象中。 销毁Graphics在步骤2中创建的对象。 GetHBITMAP在Bitmap对象上调用方法以获...

Httpd服务入门知识-https(http over ssl)安全配置

         Httpd服务入门知识-https(http over ssl)安全配置                                                 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任。 一.SSL会话的简化过程   (1)客户端发送可供选择的加密方式,并向服务器请求证书   (2)服务器端...

Eclipse 常用技巧及常见问题解决

    文章目录 Eclipse默许函数折叠打开 Eclipse插件: win7屏蔽ctrl+alt+up/down快捷键/ (eclipse冲突) 去掉 eclipse 中自动生成的注释 //TODO 常见错误 Eclipse 关闭拼写检查 Eclipse 固定控制台打印信息的宽度   Eclipse默许函数折叠打开 之前更新了eclipse的...