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");
		//存储或者处理....
    }
}
});