mui與預載入頁面之間互相傳值筆記

2021-08-21 03:00:53 字數 1479 閱讀 1844

在 a 頁面中預載入了 b 頁面,如果要在 b 頁面中拿到資料,並將資料傳回給a頁面,要怎麼做呢?

**注意放進 , mui.plusready 中

注意:在預載入的頁面頭部需自己建立(hbuilder 觸發字元 mhe)

這是a頁面

//預載入地圖選擇

var selectionlocationmap2 = mui.preload(, //視窗引數

extras: {} //自定義擴充套件引數

});//監聽自定義事件,用於接收傳過來的值

window.addeventlistener('changeaddress', function

(event) ', json.stringify(event.detail))

//修改位址

currentaddressspan.innertext = event.detail.selectedaddress

currentaddress.value = event.detail.selectedaddress

currentlongitude.value = event.detail.lng

currentlatitude.value = event.detail.lat

});

這裡 selectionlocationmap2 就是 預載入頁面的webview,所以顯示/隱藏地圖就如下即可

//顯示

selectionlocationmap2.show()

//隱藏

selectionlocationmap2.hide()

在b頁面取值

//位址選擇

function

selectaddress

(ele) ', jquery(ele).text())

console.log('currentlng: {}', jquery(ele).find("input[name='currentlng']").val())

console.log('currentlat: {}', jquery(ele).find("input[name='currentlat']").val())

//觸發自定義事件

mui.fire(p, 'changeaddress', );

//隱藏頁面

plus.webview.currentwebview().hide()

}

這裡還有個問題,在a頁面返回到首頁或其他頁後,b頁面還會一直存在,下次進去b頁面的值還停留在上一次的結果

可以通過重寫 a頁面的 mui.back() 函式來實現 a返回事件觸發後 關閉b頁面

//重寫返回事件

mui.back = function

()

僅作筆記,記錄在h5專案開發中遇到的一些問題(如有錯誤,請告知,嘿嘿)

vue 元件之間互相傳值 兄弟元件通訊

vue 元件之間互相傳值 兄弟元件通訊 我們在專案中經常會遇到兄弟元件通訊的情況。在大型專案中我們可以通過引入 vuex 輕鬆管理各元件之間通訊問題,但在一些小型的專案中,我們就沒有必要去引入 vuex。有幾種方法 方法一 先子傳父,再父傳子 思路 子傳父 首先我們在 a.vue 元件中 給按鈕 b...

vue父子頁面互相傳值和呼叫彼此頁面中的方法

子頁面的值付給父頁面 emit showfacedias 測試 changguan 子頁面的方法 this emit showfacedia this tablerow 父頁面呼叫 showfacedias msg 父頁面呼叫子頁面的方法 refs 但是要在呼叫的時候加上ref 元件標識 timee...

mui子頁面與父頁面的方法互相呼叫

描述 在子頁面中想要觸發父頁面的方法改變狀態 說明 父頁面與子頁面的關係有兩種。1 子頁面是通過mui.openwindow 的方法開啟,兩個頁面並不在同乙個檢視視窗。2 子頁面是通過plus.webview.create 建立合併插入到父頁面,父頁面與子頁面同乙個視窗。一 第一種模式的方法互相呼叫...