uni-app学习笔记六(第6章项目实战:搜索页面)

问题:如何实现点击搜索栏跳转到搜索页面?
回答:在之前编写的navbar.vue中增加click事件处理,增加method,里面用uni.navigateTo实现跳转。

问题:搜索页与非搜索页的区分。

关于vuex的使用,这是一个数据共享的方式。新建文件如下。
       
vuex入门文章:https://www.cnblogs.com/chinabin1993/p/9848720.html
写的非常不错。容易看懂。
问题:输入搜索的时候,每输入一个字母就发起一个请求太频繁了。
解决:增加1s延时,增加请求过则不再请求的标志位。

问题:搜索页面如何返回主页面?
解决:

注意点:不推荐用index赋给key,因为如果两个循环嵌套的话,index可能会重复。

问题:刷新页面,则搜索历史消失了。vuex不是永久存储怎么办?
解决:用下面这个函数,会从本地缓存中找。

情况本地缓存的两种方式:

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值