uniapp動態路由傳參(傳遞對象)

不多說廢話,直接上代碼:
如果是傳遞某一個參數
uniapp路由跳轉寫法:

openWeb(id){
	uni.navigateTo({
	url:'/pages/index/index?id=' + id
});   // 這個id就是需要傳遞過去的參數
}

但是我們如果要傳遞兩個或者多個參數呢,寫法都差不多,但是需要用上JSON.stringify();

openWeb(obj){
	uni.navigateTo({
	url:'/pages/index/index?id=' + obj
});   // 這個obj就是需要傳遞過去的參數對象
}

openWeb(obj){
	uni.navigateTo({
	url:'/pages/index/index?id=' + JSON.stringify(obj)
});   // 這個obj就是需要傳遞過去的參數對象
}

下面再看幾張截圖:
先看我們要傳遞過去的兩個實參
在這裏插入圖片描述
首先我們不用JSON.stringify();
在這裏插入圖片描述
然後我們再來看一下我們使用JSON.stringify();
在這裏插入圖片描述
最後我們再來看一下,兩者分別打印的區別:
在這裏插入圖片描述
可以看到,如果沒用JSON.stringify();我們打印的是一個對象,但是對象中只有一個obj屬性,值是object字符串;

加上JSON.stringify();打印的就是一個JSON字符串,傳遞過來的值也能看的很明白,使用的時候我們只要再將JSON字符串用JSON.parse轉化爲我們熟悉的js對象就可以了;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章