微信小程序跳轉(zhuǎn)網(wǎng)頁及網(wǎng)頁如何返回小程序

第一步:小程序內(nèi)單獨(dú)新建page,在.wxml文件里,url就是跳轉(zhuǎn)的路徑,線上需要https,并且在公眾平臺(tái)配置了開發(fā)管理-》開發(fā)設(shè)置-》業(yè)務(wù)域名配置

<web-view?src="{{url}}"></web-view>

.wxml
.js

第二步:從公眾號(hào)網(wǎng)頁中返回小程序,跳轉(zhuǎn)成功后點(diǎn)擊頂部的返回按鈕ios無反應(yīng),需要在網(wǎng)頁中處理,我這里用的是vue寫的 需要引入jssdk

<template>

? ? <div></div>

</template>

<script>

export default {

? data() {

? ? return {

? ? }

? },

? mounted() {

? ? ? history.pushState(null, null, document.URL)

? ? ? // 點(diǎn)擊小程序返回時(shí)會(huì)觸發(fā)popstate事件

? ? ? window.addEventListener('popstate', this.handlePopstate)

? },

? beforeDestroy() {

? ? window.removeEventListener('popstate', this.handlePopstate)

? },

? methods: {

? ? handlePopstate(){

? ? ? // 返回到小程序

? ? ? wx.miniProgram.navigateBack({

? ? ? ? delta: history.length

? ? ? })

? ? }

? }

</script>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容