uni-app 原生标题栏搜索输入框事件合集

最新推荐文章于 2024-07-22 16:05:08 发布

杨葱儿

最新推荐文章于 2024-07-22 16:05:08 发布

阅读量3.3k

点赞数

分类专栏： uni-app

本文链接：https://blog.csdn.net/weixin_44285250/article/details/106501597

版权

uni-app 专栏收录该内容

40 篇文章 5 订阅

订阅专栏

"pages": [
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "主页"
                "app-plus": {
                    "titleNView": {
                        "type":"default",
                        "backgroundColor":"#2688DE",
                        "searchInput":{
                            "backgroundColor":"#66C6E8",
                            "borderRadius":"14px",
                            "placeholder":"输入产品名称或编码",
                            "placeholderColor":"#fff",
                            "align":"center",
                            "disabled":true//划重点！！！
                            }
                    }
                }
            }
        }
    ]

具体链接：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f

//注意！！！
//1.在page页面一定要写"disabled":true
//2.一定要和data、methods同级使用

onNavigationBarSearchInputClicked(e) {
	console.log('点击了搜索框')
}

//注意！！！
//1.在page页面一定要注释//"disabled":true  这句话！
//2.在methods内使用


//监听原生标题栏搜索输入框输入内容变化事件（实时打印）
onNavigationBarSearchInputChanged(e) {
	console.log(e.text)  //打印输入框值
},


//监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的“搜索”按钮时触发。
onNavigationBarSearchInputConfirmed(e) {
	console.log(e.text)  //打印输入框值
},