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");

		//存储或者处理....

    }

}

});

巴特西

framework7使用问题汇总

按钮内部触发跳转

获取初始页面传入的参数

最新文章

热门文章