利来娱乐官网网址

  • <tr id='dtmpUD'><strong id='dtmpUD'></strong><small id='dtmpUD'></small><button id='dtmpUD'></button><li id='dtmpUD'><noscript id='dtmpUD'><big id='dtmpUD'></big><dt id='dtmpUD'></dt></noscript></li></tr><ol id='dtmpUD'><option id='dtmpUD'><table id='dtmpUD'><blockquote id='dtmpUD'><tbody id='dtmpUD'></tbody></blockquote></table></option></ol><u id='dtmpUD'></u><kbd id='dtmpUD'><kbd id='dtmpUD'></kbd></kbd>

    <code id='dtmpUD'><strong id='dtmpUD'></strong></code>

    <fieldset id='dtmpUD'></fieldset>
          <span id='dtmpUD'></span>

              <ins id='dtmpUD'></ins>
              <acronym id='dtmpUD'><em id='dtmpUD'></em><td id='dtmpUD'><div id='dtmpUD'></div></td></acronym><address id='dtmpUD'><big id='dtmpUD'><big id='dtmpUD'></big><legend id='dtmpUD'></legend></big></address>

              <i id='dtmpUD'><div id='dtmpUD'><ins id='dtmpUD'></ins></div></i>
              <i id='dtmpUD'></i>
            1. <dl id='dtmpUD'></dl>
              1. <blockquote id='dtmpUD'><q id='dtmpUD'><noscript id='dtmpUD'></noscript><dt id='dtmpUD'></dt></q></blockquote><noframes id='dtmpUD'><i id='dtmpUD'></i>
                0411-39943997
                工作時間:周一至周日 8:30-22:00
                程序開發
                News and information

                微信小程序鏈接跳轉指定頁面代碼

                標簽:小程序瀏覽次數:?? 時間:2018-01-17

                a_73663985.jpg

                如何實現微信小程序路由跳轉指定頁面?微信小程序路由跳轉,共有三種形式,頁面中使用navigator組件做頁▓面鏈接形式路由跳轉,js中可以使用wx.navigateTo--保留當前頁面,跳轉到應用內的某個頁面,wx.redirectTo--關閉當前頁面,跳轉到應用內的某個頁面 wx.navigateBack()--關閉當前頁面,回退前一頁面。

                頁面鏈接。

                屬性名類型默認值說明
                urlString
                應用內的跳轉鏈接
                redirectBooleanfalse是否關閉當前頁面
                hover-classStringnavigator-hover指定點擊時的樣式類,當hover-class="none"時,沒有點擊態效果

                註:navigator-hover默認為{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, 的子節點背景色應為透明色

                示例代碼:

                /** wxss **//** 修改默認的navigator點擊態 **/
                .navigator-hover 
                {    
                color:blue;
                }
                /** 自定義其他點擊態樣式類 **/
                .other-navigator-hover 
                {    
                color:red;
                }
                  跳轉到新頁面  在當前頁打開(關閉了當前頁面)
                 {{title}}  點擊左上角返回回到之前頁面
                 {{title}}  點擊左上角返回回到上級頁面
                // redirect.js navigator.jsPage({  
                onLoad: function(options) 
                {    
                this.setData
                ({      
                title: options.title
                 })
                 }
                })

                wx.navigateTo(OBJECT)

                保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。

                OBJECT參數說明:

                參數類型必填說明
                urlString需要跳轉的應用內頁面的路徑
                successFunction接口調用成功的回調函數
                failFunction接口調用失敗的回調函數
                completeFunction接口調用結束的回調函數(調用成功、失敗都會執行)

                示例代碼:

                wx.navigateTo({  url: 'test?id=1'})

                註意:為了不讓用戶在使用小程序時造成困擾,我們規定頁面路徑只能是五層,請盡量避免多層級的交互方式。

                wx.redirectTo(OBJECT)

                關閉當前頁面,跳轉到應用內的某個頁面。

                OBJECT參數說明:

                參數類型必填說明
                urlString需要跳轉的應用內頁面的路徑
                successFunction接口調用成功的回調函數
                failFunction接口調用失敗的回調函數
                completeFunction接口調用結束的回調函數(調用成功、失敗都會執行)

                示例代碼:

                wx.redirectTo({  url: 'test?id=1'})

                wx.navigateBack()

                關閉當前頁面,回退前一頁面。



                本文地址:/csyrg5/library/program-development/20180117571.html
                Copyright? 2011 AG视讯,All rights reserved.
                首頁关于AG视讯新聞資訊服務項目軟件產品解決方案成功案例網站地圖加入我們聯系我們