uni-app的官方api uni.$on

場景： 微信小程序兩個頁面甚至多個頁面之間，可能共用一個參數或者需要相互傳遞使用參數。例如頁面A點擊按鈕，需要把A頁面的item數據，賦值給頁面B的formData，但是頁面A只是傳遞數據給B，卻不跳轉到B。導致無法通過頁面路徑跳轉傳遞參數，此時最好的辦法就是使用頁面通訊。

1.A頁面：uni.$emit傳遞數據data，

并且會觸發uni.$on同名事件，進行接收數據

methods:{//獲取數據getData(){let item={name:'張三',age:18}//傳遞數據給 同一個頁面通訊方法uni.$emit('setData',item)} }

2.頁面B：需要事先注冊好同名的uni.$on頁面通訊方法，用來接收數據（小程序頁面推薦在onLoad內注冊，正常組件只能在mounted內注冊），監聽全局的自定義事件。

事件可以由 uni.$emit 觸發，回調函數會接收所有傳入事件觸發函數的額外參數。

注意：卸不卸載取決于你自己需求；如果卸載，后期不觸發onLoad就無法再注冊uni.$on事件，也就無法繼續監聽傳遞接收處理數據了

onLoad() {//開啟監聽接受傳遞的數據uni.$on('setData',(res)=>{console.log('接受的數據：',res)this.formData = resthis.name = res.namethis.age = res.age//還可以在這個里面執行methods方法this.num()}) },//--------------------------注意：卸不卸載取決于你自己需求；如果卸載，后期不觸發onLoad就無法再注冊uni.$on事件，也就無法繼續監聽傳遞接收處理數據了------------- onUnload() {//卸載關閉監聽設置數據事件uni.$off('setData',()=>{console.log('關閉監聽選擇收貨地址');}) },methods: {num(){console.log(1)}, }

總結

以上是生活随笔為你收集整理的uni.$emit和uni.$on用法；uni-app微信小程序页面通讯；微信小程序页面通讯的全部內容，希望文章能夠幫你解決所遇到的問題。

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