当前位置:首页>>问题

uniapp的webview在微信小程序中,打开带参数的外部链接的问题

1、首先外部链接必须是https2、外部链接必须先过一下微信小程序的白名单3、跳转到webview页面后,需要先接收传入的外链<template><view><web-view:src="link"></web-view> 

admin

1、首先外部链接必须是https

2、外部链接必须先过一下微信小程序的白名单

3、跳转到webview页面后,需要先接收传入的外链

<template>
    <view>
        <web-view :src="link"></web-view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                link: ''
            };
        },
        onLoad(option) {
            if (option.link) {
                this.link = decodeURIComponent(option.link) + '?shbh=' + option.shbh + '&member_id=' + option.member_id;
                console.log(option,this.link)
            }
        }
    };
</script>

传入到webview页面的option参数包含三个:link,shbh,member_id

link是外链,shbh和member_id是外链的参数,例如:https://www.abcd.com?shbh=111&member_id=222

跳转到webview页面url应该是:/pages/webview?link=https://www.abcd.com&shbh=111&member_id=222

 这是在微信小程序中需要这样写。

如果你写成:

/pages/webview?link=https://www.abcd.com?shbh=111&member_id=222,那么在微信小程序中打开外链就回出错,

这是h5端的写法,这里需要注意。


返回顶部