为什么要动态设置原生导航栏搜索框中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
i***@163.com