1. 程式人生 > >vue,H5頁面禁止返回到上一級頁面,殺掉路由的方式

vue,H5頁面禁止返回到上一級頁面,殺掉路由的方式

問題描述:
移動端vue專案中,頁面路由跳轉情況(app內鑲嵌的一個h5頁面):A(入口)—–B(一個商品的介紹頁)—–C(購買該商品建立的訂單頁)—-D(準備去支付的頁面);
因為從C進入D頁面時已經形成訂單id,當在點選返回鍵時,不能再返回到C頁面更改訂單詳情
我用到的方法是,從C頁面跳到D頁面時用loadRequest請求方法;
C頁面中設定要跳轉的D頁面的地址和需要傳的引數
這裡寫圖片描述
在D頁面接接收引數的形式
這裡寫圖片描述
接下來就可以根據傳過來的orderID來獲取其他的詳情資訊了
根據上邊的路由跳轉方式 當在D 頁面中點選返回時,頁面會殺掉當前頁面 直接返回到A頁面中(B往C跳轉時也是用的此方法,所以把B C 頁面直接殺掉返回到A頁面了)

、、、、、、、、、、、
寫的不詳細,如有其它問題歡迎在下方留言在諮詢

相關推薦

JSP重新整理頁面返回一級頁面的方法

今天看到一個referrer的應用場景,其中window.location.href是為了跳轉某一個URL。當前資料需要更改,那麼就跳到另外一個修改介面。這個時候,當返回介面,或者修改成功之後。可以載入上一個頁面。(可以再修改成功後返回上一個URL)window.locati

Android 使用SwipeBackLayout實現滑動返回一級頁面——實戰來襲

color tran 創建 line 不讓 -s sdn edi 會有 我們知道。APP在設計上習慣性的把返回button放在屏幕的左上角,那麽,在非常多時候(尤其是大屏幕手機),操作改返回button,就會有諸多不便了。為了更加方便實現“返回”功能。如今的一些

微信小程式(三):返回一級頁面並重新整理(頁面棧)

在很多業務場景之下,需要返回上一級頁面,並進行重新整理,在微信小程式中的wx.navigateBack方法中,返回上一頁是不會重新整理的。如果上一頁的頁面載入是在onLoad方法中觸發的話,那麼可以修改為在onShow方法中觸發。 onLoad(Object query):

js/jquery 返回一級頁面並重新整理

剛開始從網上找來的都是history.go(-1),然後自己用的時候,發現並沒有重新整理。 因為正在做東西,第一個頁面是展示資訊,然後可以從按鈕跳轉到更新頁面,當更新成功後返回上一級,第一個頁面應該會把更新的內容展示出來,但是在使用history.go(-1)

WebView返回一級頁面

@Override public void onBackPressed() { if (webView.canGoBack()){ if(webView.get

返回一級頁面

需求重現 頁面跳轉時,點選返回有時會陷入迴圈,無法逐級向上返回 解決辦法 js檔案 var historyUtils = { add : function (url) { var historyArray = hist

ios返回一級頁面不重新整理解決

$(function () {    var isPageHide = false;    window.addEventListener('pageshow', function () {      if (isPageHide) {        window.locat

Android 滑動返回一級頁面

  我們知道,APP在設計上習慣性的把返回按鈕放在螢幕的左上角,那麼,在很多時候(尤其是大螢幕手機),操作改返回按鈕,就會有諸多不便了。為了更加方便實現“返回”功能,現在的一些APP,如百度貼吧等,開始引入一種的新的互動方式,通過滑動螢幕,利用手勢事件來快速且友好的實現該功能。   如何快速實現上圖

h5通過js 獲取一級頁面中的引數問題

1.上一級頁面跳轉 :   window.location.href= encodeURI("product1-show.html?name=znyj");(1).product1-show.html 頁面,(2).name=znyj 拼接引數。2.下級頁面js 接收。   

javascript返回一級(頁)的方式

轉載自:http://blog.csdn.net/zjx2388/article/details/2617051 在jsp中想通過對session傳入資料來實現錯誤資訊的顯示,在錯誤資訊頁面顯示一個返回的按鈕在回到上一個操作,我們就可以這樣 request.getSessi

vueH5頁面禁止返回一級頁面殺掉路由方式

問題描述: 移動端vue專案中,頁面路由跳轉情況(app內鑲嵌的一個h5頁面):A(入口)—–B(一個商品的介紹頁)—–C(購買該商品建立的訂單頁)—-D(準備去支付的頁面); 因為從C進入D頁面

Vue怎麼返回一級返回頁面

程式碼如下: <button @click='prev'>返回上一級</button> <script> methods:{ prev()

h5 網絡斷網時返回一個頁面 demo (與檢測網絡代碼相結合更直觀看到結果)

oct width 加載 doctype lin 測試 htm mini offline 頁面一: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

vue路由跳轉 返回一級 this.$router.go(-1) 和返回到指定頁面this.$router.push('/home')

name nbsp style span button pre 頁面 -c out 1,點擊返回上一頁<button @click="goback">goback</button> methods:{ goback(){} this.$route

JavaScript特效之前進後退(返回一級

函數調用 dsm war button 之前 type 後退 white 一個 在頁面上增加前進,後退(返回上一級)功能: 方式一:使用函數 <script> function goback(){ history.go(-1);//返回或者histor

IOS 禁止側滑返回頁面功能

禁用 註意 int spa sta app interact respond 如果 1.首先把頂部左側返回按鈕隱藏掉 //隱藏返回按鈕 self.navigationItem.hidesBackButton = YES; 2.1.再禁止頁面左側側

js 頁面history.back()返回一頁ios 不重新加載ready的解決辦法

pos details load() http () nbsp 跳轉 set body 參考自 http://blog.csdn.net/hbts_901111zb/article/details/76691900 項目中,主頁面有很多輸入字段,當由主

mui中同一個頁面按物理返回鍵只關閉彈窗返回一個頁面

若一個頁面中存在彈窗,在彈窗開啟的狀態下,點選物理返回鍵只要求關閉當前彈窗,而不是返回上一頁面,再次點選物理鍵時才會返回上一頁面,有以下解決方法。 step1:進入頁面時先禁用物理返回鍵,此時還能監聽到返回鍵,只是不執行返回 mui.init({ beforeback:func

web端 - 返回一步點選返回跳轉頁面 JS

1.方法一: <script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>

web端 - 返回一步點擊返回跳轉頁面 JS

href 返回 oca cat font color 頁面 span web 1.方法一: <script language="javascript" type="text/javascript"> window.location.href="log