weex&后管 & 页面调试配置

后管启动

weex基础

• 不支持overflow: scroll

可以使用<scroller>实现滚动

• weex-document预览文件时, 安卓有一些必填项.

//安卓必填项:src、filename、filetype、宽高
//save为是否保存文件
<weex-document
    v-if="pdfSrc.length>0"
    :style="{'height': pdfHeight}"
    :src="pdfSrc"
    :filetype="filetype"
    filename="filename.pdf"
    :loadingTextColor="loadingTextColor"
    :save="save"
></weex-document>

weex新增组件

• 1, 先在后管新增组件、配置页面

• 2, 在代码和目录中配置文件

weex页面调试的配置

• 启动页把启动配置文件改为从本地获取

• 注释和原生交互、context、获取设备信息之类的代码, 比如有的页面涉及到了, 要修改要访问的页面created()和mounted(), 没涉及到可忽略该步骤.

• 访问路由和后台接口地址设置到代理中(代理只对本地调试起作用,科蓝这里的应该是进行封装了,暂时不管)

• 在编辑器左下角的NPM脚本中, 执行serve即可

• 指定默认路由

• 访问路径

http://localhost:1337/#/loginpwd

weex禁用跳转的vue项目中的安卓物理返回键

mounted() {
    this.$nextTick(() => {

        var platform = this.$store.state.osType;
        // console.log(platform);
        if (platform != "ios") {//科蓝禁止安卓物理键的方法
            context.handleBack(true);
        }

    });
},
beforeRouteLeave (to, from, next) {
    //destroyed()是系统找时机释放的, 可能不是实时的,在路由离开的时候恢复安卓物理返回键
    context.handleBack(false);  
    next();
},
destroyed() {  // 销毁时取消监听
    var platform = this.$store.state.osType;
    // console.log(platform);
    if (platform != "ios") {
        //恢复安卓物理返回键
        context.handleBack(false); 
    }
},