weex 跳转h5页面，web和app需要用不同的处理方式吗？

问题描述

问 题

目前我们移动端的网站都是h5的，app里也是嵌的h5，打算使用weex来进行改版。

所以目前是先只改一个页面，使用weex，页面中有跳转到h5页面的链接，使用的是a标签，在web中是可以直接跳转的，但是在app中跳到空白页，想请问下，weex写的页面，跳转到h5页面，web和app中处理方式不一样吗？那在app中怎么处理呢？谢谢

解决方案

在官方示例hackernews项目中找到了解决方案：
判断当前的环境是web还是app，如果是web，则直接跳转；如果是app，则跳转到路由配置的页面，页面里加web组件，src指向h5链接

<template>
    <div>
        <web class="webview" :src="url"></web>
    </div>
</template>
<style scoped>
    .webview{
        flex:1;
    }
</style>
<script>
    export default {
        computed: {
            url(){
                if(this.$route && this.$route.params){
                    return this.$route.params.url
                }
                return 'http://m.taobao.com'
            }
        }
    }
</script>

这篇关于weex 跳转h5页面，web和app需要用不同的处理方式吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！