微信小程序使用web-view实例

原来~如此

2586人浏览 · 2020-12-03 11:42:03

原来~如此 · 2020-12-03 11:42:03 发布

微信小程序使用web-view实例

1、建立新页面用来承载想要打开的网站

(备注：这里是以打开百度页面为例的小demo.)

在这里插入图片描述

  <web-view src="https:www.baidu.com"></web-view>

2、在index.wxml 建立按钮

在这里插入图片描述

<button  bindtap="toBaidu"> 百度一下 </button>

在index.js 中写点击事件去到指定页面

在这里插入图片描述

toBaidu: function(){
    wx.navigateTo({
      url: '/pages/test/baidu/baidu'
    })
  },

4、效果

在这里插入图片描述

完成

乐奇 Rokid 开放社区

更多推荐

AI 日报（2026年9月24日）

2026年9月24日，AI技术与应用呈现多元化演进态势。硬件与端侧方面，Meta在Connect大会发布首款轻量化VR眼镜与无摄像头智能眼镜，全面接入Muse智能体；谷歌上线Gemini 3.8 Flash TTS可定制语音模型，并在DeepMind推动私密计算与服务端内存融合。行业与前沿科研领域，Anthropic湿实验实验室利用Claude发现CRISPR样新型酶系统，并推出一站式Claude