【问题标题】:Blazor Navigation Back Casue page to re renderBlazor Navigation Back Case 页面重新呈现
【发布时间】:2021-12-02 23:18:56
【问题描述】:

我正在使用 Blazor,我有一个页面显示产品列表,我向下滚动到特定产品并单击它并转到产品详细信息,但是当用户通过浏览器返回时,产品列表页面会重新呈现并所以用户从第一个项目中看到产品列表并松散了他所在的位置,并且它刷新了列表,所以我需要一些时间来渲染,有什么办法可以防止这种情况并使其正常返回导航

【问题讨论】:

    标签: c# blazor blazor-server-side


    【解决方案1】:

    我会研究您对该页面的lifecycle 方法。可能发生的情况是每次您导航到产品列表页面(一个组件)时,它都会第一次加载产品列表。然后,当您单击产品列表时,您会导航到另一个页面。

    要获得您想要的体验,您需要以某种方式保存产品列表页面上的滚动位置。或者,您可以只使用模式来显示产品或其他方式来显示产品详细信息,而无需导航出产品列表页面。

    【讨论】:

    • 感谢您的回答,经过长时间的搜索,我发现这是 Blazor 的本质(重新加载页面),所以我们必须解决这个问题。在我的情况下保存滚动位置是不可能的,因为我正在使用无限滚动并且使用模式是一个好主意,但在这种情况下,我将丢失用于谷歌索引的产品页面,我认为放置一个不可点击的小链接将解决问题并将如果通过社交媒体共享,则可以单独显示产品页面
    猜你喜欢
    • 2019-09-12
    • 1970-01-01
    • 2013-10-26
    • 1970-01-01
    • 2021-12-18
    • 1970-01-01
    • 2018-07-26
    • 2019-03-09
    • 2021-03-27
    相关资源
    最近更新 更多