uni-app頁面跳轉傳值


uni-app頁面跳轉時傳值

第一步:在A頁面中的點擊事件后面加上item.id,如下圖


在這里插入圖片描述


前提是外面v-for循環里面有id才可以。

第二步:在A頁面中的methods里面寫點擊事件,在點擊事件后面括號里寫上要傳的id,在跳轉的時候把id拼接上。如下圖:

  ?分割,?后面為頁面所傳遞的值,多個值之間以& 間隔

在這里插入圖片描述

使用 navigator 組件跳轉(傳參數)

1 <template>
2     <view>
3         <navigator url="../detail/detail?id=10&name=test">跳轉詳情頁</navigator>
4     </view>
5 </template>

傳值過長時

1 uni.navigateTo({
2      url:'../../pages/page/pay?list=' + encodeURIComponent(JSON.stringify(this.getList))
3 })

 

然后再B頁面的onLoad生命周期里接收,必須用到option:如下圖

在這里插入圖片描述

這樣id值就從A頁面傳到B頁面里面來了,最后把數據渲染上去就好了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM