x***@qq.com
x***@qq.com
  • 发布:2020-04-01 18:21
  • 更新:2023-02-13 14:11
  • 阅读:2864

动态设置原生导航栏搜索框中的placeholder的提示内容

分类:uni-app

为什么要动态设置原生导航栏搜索框中placeholder的提示内容呢?

一般原生导航栏搜索框中placeholder的提示内容是在pages.json中app-plus中设置,就相当于默认值,偶尔业务需求可能要改变值

需求:
大多数商城商品搜索框placeholder中都会自动显示一些热搜商品名称,
点击搜索后这些热搜商品可以直接进行搜索,可以有效提高用户对某一系列产品的搜索率

实现方法:

       //这个操作一般放在 onLoad 函数中  

       uni.request({ //发起网络请求  
                url: 'https://xxx.xxx.com,   //要显示的文字数据接口  
                success: (res) => {  
                 console.log(res.data);  
                    this.value = res.data.title   //将请求结果赋值data函数中定义的vlaue值中  
                    var _this=this   //这个我知道你懂的  
                    let webview = this.$mp.page.$getAppWebview();  //获取当前窗口实例  
                            webview.setStyle({'titleNView':{"searchInput": { //修改当前窗口search样式  
                                                                      "placeholder": _this.value,  
                                     }    
                    }})   
                } //成功回调结束  
            });

我也是uni-app小白一枚,有不对的地方各位多多指教

想学吗,我教你呀!保你会

2 关注 分享
1***@qq.com 傑丶

要回复文章请先登录注册

1***@qq.com

1***@qq.com

回复 i***@163.com :
这个怎么解决
2023-02-13 14:11
i***@163.com

i***@163.com

这个不能兼容h5呀
2021-02-11 09:42