返回
weex入坑之页面跳转

weex入坑之页面跳转,官网常见问题中有说明如下:

如果你有两个页面,A 页面和 B 页面

  1. A -> B,使用 getConfig api or storage module 传递数据;

  2. B -> A,使用 storage module 传递数据


看似挺常见的,

点击getConfig api看看,尼玛,链接不存在。

好吧只能使用storage了。

index.vue

<template>
    <div>
    <div  @click="openURL('product/show',{id:1})">点我跳转到产品详情页</div>
    </div>
</template>

<script>
import $appConfig from "./appConfig"
const navigator = weex.requireModule('navigator');
const storage = weex.requireModule('storage');
export default{
    methods:{
        openURL (url,query) {       
            const link = WXEnvironment.platform === 'Web'
              ? $appConfig.webHost+url+".html"
              : $appConfig.jsonHost+"dist/"+ url +".js";
            storage.setItem('GET', JSON.stringify(query),function(e){
        	console.log(e.result)
            });
            navigator.push({ url: `${link}` })
      }
    }
}

</script>

product/show.vue

<template>
    <div>
    <div  @click="goBack()">点我返回首页</div>
    <div>这是详情页</div>
    </div>
</template>

<script>
const navigator = weex.requireModule('navigator');
const storage = weex.requireModule('storage');
export default{
    methods:{
        created:function(){
            
	    storage.getItem("GET",function(res){
		console.log(res.data);
	    });
        },
        goBack:function(){
            stroage.setItem("backGet","1");
	    navigator.pop({animated: "true"});
	}
    }
}

</script>


蹲坑提示:对于web开发者来说,页面跳转传参应该当做入门首要了解的东西,但是网上搜了大半天也没找到入坑门道 。weex官网推荐使用单页模式开发应用,但是网上很多例子都是vue router单页模式。