1. 程式人生 > >微信小程式web-view用法

微信小程式web-view用法

昨天晚上小程式有釋出了一個新版本啦,不知道各位小夥伴有沒有看,由於業務需要,我今早一來就進行了實驗進行試用,就是簡單的呼叫起來。但是在呼叫起來的時候因為文件寫的不夠細,所以還是遇到了幾個問題。寫一篇文章,希望對剛剛開始想要調起web-view的小夥伴有幫助。

首先是域名的問題(很不要臉的說我卡這裡卡了半個小時再見

步驟:先登入小程式開發平臺,將頁面需要跳轉的域名寫上去,注意了,域名不是指伺服器的域名,而是伺服器下面的    業務域名 !!!

配好了域名之後就可以開始呼叫web-view了。

<web-view src="https://hi.xxx.com/Tickets/html/getScanCode.html"></web-view>

這樣就可以很愉快的跳轉了。

但是!可能你需要的需求是點選某個按鈕或者view才進行跳轉到不同頁面的話。直接賦值可不算好想法,所以新建一個小程式的page,然後在裡面寫

<web-view src="{{path}}"></web-view>

在資料初始化化的時候先給一個預設值https://hi.xxx.com/Tickets/html/getScanCode.html,

點選的時候把需要跳轉的某個頁面的路徑寫成引數傳過來,在onload裡面拿出來賦值就可以解決跳轉到不同頁面的問題啦。