• 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");
    		//存储或者处理....
        } 
    } 
    });
  • 相关阅读:
    kvm添加磁盘
    python学习1
    ubuntu使sudo不需要密码
    磁盘挂载
    github/gitlab添加多个ssh key
    生成SSH key
    git 删除追踪状态
    angular2+ 初理解
    本地项目上传到GitHub
    new Date()之参数传递
  • 原文地址:https://www.cnblogs.com/zyh1989/p/8406265.html
Copyright © 2020-2023  润新知