framework7 使用问题

framework7 是个非常漂亮的Html框架,最近有个微信公众号的项目使用到了这个,后期还可以封装成APP。
淘宝版和中文官网都是V1,V2只能看英文版的http://framework7.io/

一边使用,一边闷头摸索,因为前端基础比较差,遇到很多问题,浪费了很多时间,现做记录,供参考。

按钮内部触发跳转
    $$("#fahuo").on("click",function(){ 
        app.router.navigate('/address/'); 
      });
获取初始页面传入的参数

因为后台使用的是asp.net mvc5,还需要使用微信公众号授权,中间会进行各种跳转,最后把登录信息的key返回到F7的初始页面,查了很多资料,最后才发现问题其实很简单,Dom7的本质也是js,直接使用之前的一个原生JS的方法就行了,app.js中:

//获取参数
function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null)
        return unescape(r[2]);
    return null;
}


var app = new Framework7({
root: "#app",
name: "myapp",
id: "com.myapp.test",
panel: { swipe: "left", },
routes: [
    {
        path: "/about/",
        url: "pages/about.html",
    } 
],
on: {
    init: function () {
       var key= GetQueryString("key");
        //存储或者处理....
    } 
} 
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,007评论 25 709
  • 原文地址:https://yawuling.com/201707171854.html 接上一篇博客 Framew...
    涯无凌阅读 6,474评论 7 2
  • 今天在网上上看到‘独美’这两个字,心就被惊艳了一下。 多美的词汇啊!独美,有着风烟俱净的美和遗世独立的独,美好着,...
    初夏的时光阅读 1,448评论 2 13
  • 友谊 是两只笨重的老母鸡 他从遥远的异乡托人邮寄 友谊 是一箱颠簸而来的土鸡蛋 每一颗都被她母亲包裹的小心翼翼 友...
    Methinks张齐阅读 186评论 0 0
  • 地址 单播地址(unicast address)最大32767(0x7FFF),有Provisioner在配对的时...
    shlin阅读 1,153评论 0 0