1. 程式人生 > >MUI中點選推送訊息,若為同類型資訊,不關閉前一個頁面,開啟新頁面仍顯示前一個頁面資料的問題

MUI中點選推送訊息,若為同類型資訊,不關閉前一個頁面,開啟新頁面仍顯示前一個頁面資料的問題

最近公司在做的一個專案涉及個推推送,在寫推送過程中遇到了很多問題,現在把其中的一個問題與大家分享。

我們要實現的功能是後臺推送過來,我要根據推送的資訊型別進入不同的頁面,展現不同的資訊,但在寫的過程中發現同一種類型資訊,在不關閉前一條資訊的情況下,點選下一條同類型的資訊,開啟的頁面還是顯示上一條資訊的內容。通過查詢發現,是因為上一頁面未關閉,再開啟下一條資訊,並沒有重新開啟一個新的頁面,也就沒有進行重新請求資料,只是將前一個頁面顯示到最前面,針對這個問題,有以下解決辦法。

mui.openWindow({
    url:new-page-url,
    id:new-page-id,
    styles:{
      top:newpage-top-position,//新頁面頂部位置
      bottom:newage-bottom-position,//新頁面底部位置
      width:newpage-width,//新頁面寬度,預設為100%
      height:newpage-height,//新頁面高度,預設為100%
      ......
    },
    extras:{
      .....//自定義擴充套件引數,可以用來處理頁面間傳值
    },
    createNew:false,//是否重複建立同樣id的webview,預設為false:不重複建立,直接顯示
    show:{
      autoShow:true,//頁面loaded事件發生後自動顯示,預設為true
      aniShow:animationType,//頁面顯示動畫,預設為”slide-in-right“;
      duration:animationTime//頁面動畫持續時間,Android平臺預設100毫秒,iOS平臺預設200毫秒;
    },
    waiting:{
      autoShow:true,//自動顯示等待框,預設為true
      title:'正在載入...',//等待對話方塊上顯示的提示內容
      options:{
        width:waiting-dialog-widht,//等待框背景區域寬度,預設根據內容自動計算合適寬度
        height:waiting-dialog-height,//等待框背景區域高度,預設根據內容自動計算合適高度
        ......
      }
    }
})

 這是mui文件中給出的方法,在開啟新頁面中有一個createNew:false,的引數,false代表不重複建立新頁面,若要建立一個新頁面,只需把createNew的值設為true就可以了。

以上是我解決該問題的方法,若有更好的方法,歡迎一起分享。