如何将Flask-Nav模块导航栏的logo设置为可点击跳转的链接

你当前定义的logo是独立的<img>元素，没有被链接标签包裹，因此无法实现点击跳转，只需要修改app.py中logo的定义逻辑即可：

1. 先确认你已经导入了Link组件（如果未导入，在app.py的导入区域补充如下代码）：

from flask_nav.elements import Link

2. 将原来的img元素用Link组件包裹，指定跳转路径：

#      Define navbar with logo                        #
#######################################################
logo = Link(
    # 跳转路径推荐用url_for绑定视图函数，比硬编码路径更易维护
    href=url_for('index'),
    children=[
        img(src='/static/img/logo192.png', height="55",
           width="70", style="margin-top:-15px",)
    ],
    # 可选配置：去除链接默认的下划线样式
    style="text-decoration: none;"
)

# 后续的nav定义代码无需改动
nav = Nav()

# registers the "top" menubar
nav.register_element('top', Navbar(logo,
                                   View('Home', 'index'),
                                   View('LogIn', 'login'),
                                   View('SignUp', 'signup'),
                                   ))

修改完成后重启Flask服务，无需调整模板代码，logo即可正常点击跳转到指定路径。

内容的提问来源于stack exchange，提问作者Fethi Pounct