Méthode d'optimisation du hachage lorsque laypage est activée sur une seule page (code)

Le contenu de cet article concerne la méthode d'optimisation du hachage (code) lorsque la laypage est activée sur une seule page. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. .

Lorsqu'une seule page est utilisée, l'ouverture du hachage sur la page de mise en page éliminera le hachage précédent

Idée de solution, ajustera la méthode de saut de hachage et la méthode de calcul du courant

Le hachage après cela sera This is #/data/tiebaluntan#!page=98

Il y a deux endroits à modifier :

laypage.js

//渲染分页
  Class.prototype.render = function(load){
    var that = this
    ,config = that.config
    ,type = that.type()
    ,view = that.view();
    
    if(type === 2){
      config.elem && (config.elem.innerHTML = view);
    } else if(type === 3){
      config.elem.html(view);
    } else {
      if(doc[id](config.elem)){
        doc[id](config.elem).innerHTML = view;
      }
    }
    config.jump && config.jump(config, load);
    
    var elem = doc[id]('layui-laypage-' + config.index);
    that.jump(elem);
    
    if(config.hash && !load){
      // location.hash = '!'+ config.hash +'='+ config.curr;   // 屏蔽掉该行，修改为下一行
      location.hash = location.hash.substr(0,location.hash.indexOf("#!")==-1 ? 99999:location.hash.indexOf("#!")) + '#!'+ config.hash +'='+ config.curr;
    }
    
    that.skip(elem);
  };

L'autre est la page Le calcul du courant de rendu ne peut pas être basé sur le tutoriel officiel. Il doit être le suivant :

//开启HASH
        laypage.render({
            elem: 'test-laypage-demo5'
            ,count: 500
            //,curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页
            ,curr: location.hash.indexOf("#!")==-1 ? "" : location.hash.substr(location.hash.indexOf("#!"),).replace('#!fenye=', '')//获取hash值为fenye的当前页
            ,hash: 'fenye' //自定义hash值
        });

Recommandations associées :

. Comment implémenter le sélecteur infini basé sur layui (avec code)

Résolution des conflits entre le rendu dynamique du formulaire layui et vue.js (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!