小程序页面

 gotogrant(url) {
 	var url = url;
 	uni.navigateTo({
 		// 此处的链接为小程序上面新建的webview页面路径,参数url为要跳转外链的地址
 		url: "/pages/index/grant?url=" + encodeURIComponent(url)+'&title='+"标题"
 	});
 },

新建页面,充当web-view页面

grant.vue,名字随便起,和上面保持一致就行

//url为要跳转外链的地址
 <view>
	 <web-view :src="url">
  	</web-view>
 </view>
<script>
    export default {
 		data() {
            return {
                url:""
            }
        },
 		 onLoad(val) {
			console.log(val)
			//解码
           this.url = decodeURIComponent(val.url);
           // 设置当前的title 如果外链中有的话将被覆盖
           if(this.isNotEmpty(val.title)){
              this.setTitle(val.title);
           }
   		},   
    }
  </script>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐