一、新建navto.js

const navto = function(url, data) {// url參數拼接url += (url.indexOf('?') < 0 ? '?' : '&') + param(data)uni.navigateTo({url}) }// 返回上一頁 const navBack = function(){uni.navigateBack(); }// 格式化參數對象 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{navto,navBack }

二、全局掛載

import * as navTo from '@/common/navto' Vue.prototype.$navto = navTo;

三、在template中內直接調用

<view class="btn" @click="$navto.navto('login/login')">登錄</view> <view class="btn" @click="$navto.navto('login/login',{'user':68889888,'pwd':123456})">登錄</view>

最終就是這樣將參數拼接到url上?

總結

以上是生活随笔為你收集整理的uniapp公共跳转(uni.navigateTo)封装的全部內容，希望文章能夠幫你解決所遇到的問題。

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