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

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

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

阅读 6.5k
1 个回答

在官方示例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>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进