在 framework7 中重新加载页面

Question

Framework7 版本：Framework7 5.4.1

在 index.html ('/') 中我有一个登录按钮，可以打开 login.html (/login/) 页面。此页面发送一个请求，如果它被正确记录，我将用户的 de ID 保存在本地存储中并重定向到 index.html ('/').

在索引中，如果用户已登录，我会修改登录按钮，隐藏按钮并显示一条消息：

 if(localStorage.getItem('idCliente') == ''){
    $$('#login').html('<a class="col button button-fill menu color-green" href="/login/">Login</a>') 
  }else{    
    $$('#login').html('Welcome' + localStorage.getItem('nombreCliente')+'<a href="#" id="salir"> Salir</a>' ) 
  }

重定向有效，但无法重新加载 Dom。不显示按钮或文本。如果我重新加载页面 (F5)，显示 wellcome + 用户消息。

我尝试了清除历史记录和其他路由选项，但没有用。

  app.views.main.router.clearPreviousHistory()
  app.views.main.router.navigate('/', {
    reloadCurrent: true,
    ignoreCache: true,
  });

Answer 1

你必须使用

pageAfterIn(e){
mainview.router.refreshPage();
//or
this.myrefreshFunction(); //call the refresh function which actually does the hiding 
thing
}

在 framework7 中重新加载页面

Reload page in framework7

javascript

html-framework-7