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");
		//存储或者处理....
    } 
} 
});
原文地址:https://www.cnblogs.com/zyh1989/p/8406265.html