登录

android - Weex的页面跳转方案的选择

准备使用 Weex 来做新的移动端项目,但是在页面跳转方面有些疑惑。现有以下几种方案:

第一种呢,感觉用 vue-router 之后界面很生硬,效果不好。
第二种么,自己瞎想的,感觉交互会好点。
第三种,直接不会用,囧……好像打包的js文件必须是远程的吧?

不知道有没有好的解决方案让weex来优雅地实现页面跳转呢?大家都是用的什么来进行Weex页面跳转的呢?

# Android
高洛峰 高洛峰 2460 天前 1020 次浏览

全部回复(2) 我要回复

  • 伊谢尔伦

    伊谢尔伦2017-07-03 11:43:51

    我用的是第三种:var params = {'url':nextUrl,'animated':'true'} 把nextUrl替换成你另外个js文件的地址就行了,不用远程,直接本地地址可以。

    <template>
      <p class="p">
        <text class="text" onclick="onItemClick">click me! {{message}}</text>
      </p>
    </template>
    <script>
      var navigator = require('@weex-module/navigator')
      var nextUrl = 'http://dotwe.org/raw/dist/6cd1703a45d7b2752cf05303069ce881.js'
      module.exports ={
        data:{
          message:''
        },
        methods:{
          onItemClick:function(e){
            var params = {'url':nextUrl,'animated':'true'}
            navigator.push(params, function(e) {
              console.log('i am the callback.')
            });
          }
        }
      }
    </script>
    <style>
      .p {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 750;
        height: 90;
        padding-left:30;
        padding-right:30;
        border-bottom-width: 1;
        border-style: solid;
        border-color: #dddddd;
      }
      .text{
        width: 750;
        height: 90;
      }
    </style>

    回复
    0
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-07-03 11:43:51

    你可以参考下
    http://www.jianshu.com/p/497f...

    回复
    0
  • 取消 回复 发送