最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:52:38
文档

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

vue从一个页面跳转到另一个页面并携带参数的解决方法:1.需求: 点击商场跳转到商业体列表 解决方案: 元页面: a标签中添加跳转函数 <a class=orderBtn1 sIRicon2 href=javascript:void(0); rel=external nofollow @click=toMallInfo('M0009')>&
推荐度:
导读vue从一个页面跳转到另一个页面并携带参数的解决方法:1.需求: 点击商场跳转到商业体列表 解决方案: 元页面: a标签中添加跳转函数 <a class=orderBtn1 sIRicon2 href=javascript:void(0); rel=external nofollow @click=toMallInfo('M0009')>&


1.需求:

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

解决方案:

元页面:

a标签中添加跳转函数

<a class="orderBtn1 sIRicon2" href="javascript:void(0);" rel="external nofollow" @click="toMallInfo('M0009')"><i class="sIRicon"></i>商场</a>
 toMallInfo: function(mallCode){
 this.$router.push({
 path: '/propertyInfo/mall/mallList',
 // name: 'mallList',
 query: {
 mallCode: 'M0009'
 }
 })
 },

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

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

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

----

跳转页面接收参数

 created(){
 this.getParams()
 },
methods :{getParams(){
 // 取到路由带过来的参数
 const routerParams = this.$route.query.mallCode
 // 将数据放在当前组件的数据内
 this.mallInfo.searchMap.mallCode = routerParams;
 this.keyupMallName()
 }
 },
 watch: {
 '$route': 'getParams'
 }

解决!!!

文档

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

vue从一个页面跳转到另一个页面并携带参数的解决方法:1.需求: 点击商场跳转到商业体列表 解决方案: 元页面: a标签中添加跳转函数 <a class=orderBtn1 sIRicon2 href=javascript:void(0); rel=external nofollow @click=toMallInfo('M0009')>&
推荐度:
标签: VUE 跳转页面 参数
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top