美文网首页Uniapp小程序
uniapp: 微信小程序内嵌 h5 页面分享给好友

uniapp: 微信小程序内嵌 h5 页面分享给好友

作者: 岚平果 | 来源:发表于2021-01-19 10:16 被阅读0次
一、 小程序内嵌 h5 用 web-view
<template>
    <view @tap="tap">
        <web-view :src="web_url"></web-view>
    </view>
</template>
二、实现 h5 页面分享, 首页要 进入的页面和 h5 页面要在主包里, 如下
image.png
三、h5 页面分享操作如下
onShareAppMessage(options) {
   return {
    title: this.title,
    path: `/pages/information/web-view?url=${this.web_url}&title=${this.title}`,
 }
}
四、information 跳转到 web-view h5 页面如下操作
let url = `./web-view?url=${item.url}&title=${item.title}`
uni.navigateTo({
  url,
})

相关文章

网友评论

    本文标题:uniapp: 微信小程序内嵌 h5 页面分享给好友

    本文链接:https://www.haomeiwen.com/subject/vblqzktx.html