event

event 模块可以让JSNative打开native原生页面或者JSNative页面。

注意事项

LightJSBridge模块目前只在我们JSNative app端支持,web端不支持

示例

<template>
<div>
<text class="button" @click="openWeb()">openWeb</text>

<text class="button" @click="openNative()">openNative</text>

<text class="button" @click="openUrl()">openUrl</text>
</div>
</template>
<style>
.button {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
border-radius: 12px;
padding-top: 20px;
padding-left: 36px;
padding-bottom: 20px;
padding-right: 36px;
font-size: 36px;
text-align: center;
font-weight: 500;
margin-bottom: 10px;
}
</style>
<script>
var event = Light.requireModule('event');
var header = Light.requireModule('head');
module.exports = {
created:function(){
header.setTitle({title:"event模块"});
},
methods:{
openWeb:function(action){
event.openNative("web",{startPage:"https://www.baidu.com"});
},
openNative:function(action){
event.openNative("mystock");
},
openUrl:function(){
var item={};
item.prod_code="600570";
item.hq_type_code="XSHG.ESA.M";
item.prod_name="恒生电子";
event.openURL("https://www.lightyy.com/apps/weex-test/navigator.js?stockCode=" + item.prod_code + "&codeType=" + item.hq_type_code + "&stockName=" + encodeURIComponent(item.prod_name),{headHidden:true});
}
}
}
</script>

API

~openURL (url,options)~

打开新的JSNative页面

参数

  • url {string}:JSNative页面的地址
    options{object}:选项参数对象

    • landscape{bool}true表示横屏打开页面,false表示页面不需要横屏打开,默认为false
      注意:为true时,需要对应的JSNative页面布局支持横屏方式

    • headHidden{bool}true表示隐藏系统的头部导航条,false表示不隐藏头部导航条,默认为false

      注意:

      接口将要废弃,不推荐使用。若要打开新的JSNative页面,请使用navigator模块中push方法。

openNative (moduleName,options)

打开LightOS中Native模块组件,如web容器组件、自选股组件等。

参数

  • moduleName {string}:模块组件名称,如web,mystock,search等
    options{object}:选项参数对象,参数gmu组件支持的都可以