uni-app：uni.navigateTo 封装页面跳转传参

新建 navTo.js 文件

const togo = function(url,data){url += (url.indexOf('?') < 0 ? '?' : '&') + param(data)uni.navigateTo({  url})
}export function param(data) {let url = ''for (var k in data) {let value = data[k] !== undefined ? data[k] : ''url += '&' + k + '=' + encodeURIComponent(value)}return url ? url.substring(1) : ''
}export {togo}

挂载全局到 main.js

import * as navTo from '@/utils/navTo'
Vue.prototype.$navTo = navTo

组件内使用

handleEditShift (params){let url = '/pages/template/stage/xxx/xxx/index.vue'let param = paramsthis.$navTo.togo(url,param)
}

接收值

onLoad(option) {console.log(option, 'option')
},

uni-app：uni.navigateTo 封装页面跳转传参相关推荐

小程序开发页面跳转传参问题
小程序开发页面跳转传参问题 1.简单值 let id=1; wx.navigateTo({ url:'/pages/mypage/mypage?id='+id }) 取值另一个页面 onload:f ...
Android:页面跳转传参方式一，页面跳转传参方式二
一.页面跳转传参方式一跳转的过程如何传参:也就是页面之间如何传递参数,有点像函数调用如何传参,页面跳转也要传参. 复制一个工程你要跳转,(现在的代码如下),intent 既然能设置跳转到哪个页面 ...
vue中页面跳转传值_vue 页面跳转传参
页面之间的跳转传参,正常前端js里写 window.location.href="xxxxx?id=1" 就可以了: 但是vue不一样需要操作的是路由history,需要用到 V ...
vue 跳转页面带对象_vue 页面跳转传参
页面之间的跳转传参,正常前端js里写 window.location.href="xxxxx?id=1" 就可以了: 但是vue不一样需要操作的是路由history,需要用到 V ...
Android按键响应的几种方式、安卓页面的跳转、页面跳转传参、页面自动跳转、Activity（页面）的生命周期
按键响应的第一种方式: 在XML文件里面设置按键的onClick绑定函数.就像下面的代码,给Button设置onClick属性,在按键被按下的时候,会调用java文件里面的onClickbtton1这 ...
小程序页面跳转传参被截断（丢失参数）
我们在开发小程序的过程中,有时候会在小程序页面跳转的时候传参,url会被截断. //我需要传递的参数 let videoDetail = "https://xxxxxxxxxx/index. ...
页面跳转传参，A 页面跳转到B页面，把A页面获取的值传到B页面
1.问题: 最近遇到一个问题,在A页面跳转到B页面时,同时将一个值带到B页面并显示出来. 最后找到一个比较靠谱的方法,分享给大家~ 2.解决: 页面其他内容不再展示,只写A,B两个页面的JS代码段,有 ...
页面跳转传参（跳转到下个页面）
在将要跳转页面的位置添加点击事件,在事件中写出要传入的参数. (我使用的循环,所以item就可以得到我将要跳转的参数) <uni-tr v-for="(item,index) in d ...
2021-10-08 uniapp页面跳转+传参
页面的跳转 navigate跳转方法 <navigator url="/pages/detail/detail">跳转到非tabbar界面</navigator& ...
微信小程序页面跳转传参
跳转到下一个页面在page1.wxml写点击事件 <button bindtap="next_page" type="primary">跳转到下一 ...

uni-app：uni.navigateTo 封装页面跳转传参

uni-app：uni.navigateTo 封装页面跳转传参相关推荐

最新文章

热门文章