美文网首页
在小程序里添加跳转外部链接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