[FE] uni-app 导航栏开发指南

一种是 原生导航栏添加自定义按钮。简单明了。

pages.json 配置

{  
    "path": "pages/log/log",  
    "style": {  
        "navigationBarTitleText": "hello",  
        "app-plus": {  
            "titleNView": {  
                "buttons": [{  
                    "text": "ue534",  
                    "fontSrc": "/static/uni.ttf",  
                    "fontSize": "22px"  
                }]  
            }  
        }  
    }  
}

监听代码：

export default {  
    data() {  
        return {}  
    },  
    onNavigationBarButtonTap() {  
        console.log("点击了自定义按钮");  
    }  
} 

文章：https://ask.dcloud.net.cn/article/34921

文档：https://ext.dcloud.net.cn/plugin?id=1765

uni 可编程式api 文档：https://uniapp.dcloud.io/api/README

Link：https://www.cnblogs.com/farwish/p/13812558.html