android - Pemilihan penyelesaian lompat halaman Weex
高洛峰
高洛峰 2017-07-03 11:41:51
0
2
1303

Saya akan menggunakan Weex untuk melakukan projek mudah alih baharu, tetapi saya mempunyai keraguan tentang lonjakan halaman. Terdapat beberapa pilihan yang tersedia:

  • Android hanya mempunyai satu Aktiviti, dan logik lompat halaman dilaksanakan melalui vue-router.

  • Setiap halaman ialah Aktiviti, dan setiap Aktiviti memuatkan bundle.js 文件,数据通过 storage penghantaran modulnya sendiri.

  • Lompatan halaman dicapai melalui modul navigator.

Untuk yang pertama, saya rasa selepas menggunakan vue-router, antaramuka sangat kaku dan kesannya tidak bagus.
Yang kedua hanyalah imaginasi saya sendiri, saya rasa interaksi akan menjadi lebih baik.
Jenis ketiga, saya tidak boleh menggunakannya secara langsung, 囧... Nampaknya fail js yang dibungkus mesti jauh, bukan?

Saya tertanya-tanya adakah terdapat penyelesaian yang baik untuk menggunakan weex untuk mencapai lompatan halaman dengan elegan? Apakah yang digunakan oleh semua orang untuk melompat ke halaman Weex?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

membalas semua(2)
伊谢尔伦

Saya menggunakan yang ketiga: var params = {'url':nextUrl,'animated':'true'} Gantikan nextUrl dengan alamat fail js anda yang lain. Anda tidak memerlukan alamat jauh, hanya alamat setempat .

<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>
女神的闺蜜爱上我

Boleh rujuk
http://www.jianshu.com/p/497f...

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan