小程序开发之新页面链接打开的方法（代码示例）

外链展示页面

首先建立一个目录，这个目录用来展示外链中的内容。因为是外链，所以要用到web-view（注意这个组件有一些特性，从下方链接中查看）。

看一下目录结构，其中navigator就是展示外链的页面

在navigator.wxml中，只需要一行代码即可

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

在navigator.js中，修改url中的值

onLoad: function (options) {     if (options.url) {       this.setData({         // 设置当前链接         url: options.url       })     }    },

用户中心

在用户中心，只需要将链接跳转到/navigator/navigator中，并且带上参数即可，看下实例

<!-- {{url}}中是外链地址 --> <navigator url="/navigator/navigator?url={{url}}"></navigator>

上面的方法可以实现，当然实际项目要复杂些的，根据实际需求进行修改。

以上就是小程序开发之新页面链接打开的方法（代码示例）的详细内容，更多内容请关注技术你好其它相关文章！