美文网首页
在小程序里添加跳转外部链接web-view(使用的是uni-ap

在小程序里添加跳转外部链接web-view(使用的是uni-ap

作者: 码农界四爷__King | 来源:发表于2020-04-30 19:03 被阅读0次

1.创建一个空的文件
2.在文件夹里放置web-view

<view>
    <web-view :src="url" :progress="false"></web-view>
</view>

3.在js里接收传递过来的链接

<script>
    export default {
        data() {
            return {
                url: ''
            };
        },
        onLoad(val) {
            this.url = decodeURIComponent(val.url) //解码网址
        },
    }
</script>

4.在要跳转的页面里的标签添加点击方法

<view class="banner" @tap="tonewurl"></view>

5.定义点击方法

tonewurl() {
                uni.navigateTo({
                    url: this.url
                });
            },

相关文章

网友评论

      本文标题:在小程序里添加跳转外部链接web-view(使用的是uni-ap

      本文链接:https://www.haomeiwen.com/subject/goptghtx.html