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 = params
	this.$navTo.togo(url,param)
}

接收值

onLoad(option) {
	console.log(option, 'option')
},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值