【uniapp】小程序通过web-view跳转外链_uniapp跳转外部url不支持打开

小程序页面

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

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

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

//url为要跳转外链的地址
 <view>
	 <web-view :src="url">
  	</web-view>
 </view>
1
2
3
4
5

<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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18