网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

微信小程序:新組件web-view詳解(2017.11.02新增)

發布時間:2018-04-25 10:48 所屬欄目:小程序開發教程

一開始聽到微信小程序除組件的時候,都以為可以跳轉任何網頁,但其實還是有很多限制的,在別人提出在小程序中跳轉網頁的需求時,需要特別注意下面幾點: ...

 
 
 

						

使用前需要注意的點

一開始聽到微信小程序除<web-view />組件的時候,都以為可以跳轉任何網頁,但其實還是有很多限制的,在別人提出在小程序中跳轉網頁的需求時,需要特別注意下面幾點:

使用

使用是很簡單的,但是有時候開發工具里顯示不出來,可以試試真機測試。

<!-- wxml -->
<!-- 指向微信公眾平臺首頁的web-view -->
<web-view src="https://mp.weixin.qq.com/"></web-view>

這樣就行了,不用做其他事情。

頁面跳轉

例如網頁里一個按鈕點擊后跳轉到微信小程序 /pages/test/test 頁面:

<!-- html -->
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1" />
        <style>
            .my_div {
                margin:0 auto;
                width:200px;
                height:200px;
                background:#aaa;
            }
        </style>
    </head>
    <body>
        <div class="my_div" onclick="goto()"></div>
    </body>
</html>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
<script type="text/javascript">
function goto(){
    wx.miniProgram.navigateTo({url: '/pages/test/test'})
}
</script>

這個是我用vue和相關框架弄的一個簡單頁面,表現還是不錯的:

相關接口

支持

  • 基礎庫 1.6.4 開始支持

參考

web-view官方文檔

官方論壇

[web-view]問題匯總



易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/24045.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×