新建 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 封装页面跳转传参的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。