清空历史搜索的问题

清空历史搜索的问题

http://img1.sycdn.imooc.com//climg/6041d50f0986274106560180.jpg

1、在history.vue组件中,这里只是删除了本地缓存,为什么可以把历史搜索删掉?不需要将historys这个数组置为空吗?


http://img1.sycdn.imooc.com//climg/6041d54b0903a5da07400395.jpg

2、在search/index.vue组件中,调用this.$refs.history.update(),既然update()是执行getKeyword()方法,为什么不直接调用getKeyword()方法,写成this.$refs.history.getKeyword()?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,问题解答如下:

1、历史搜索中展示的就是在缓存中的数据

http://img1.sycdn.imooc.com//climg/6041f53a0984584206460316.jpg

http://img1.sycdn.imooc.com//climg/6041f5ff09a3702409740484.jpg

在search/index.vue文件中调用了clear方法,还调用了update方法去更新展示的历史记录

http://img1.sycdn.imooc.com//climg/6041f6a009298ff304430106.jpg

http://img1.sycdn.imooc.com//climg/6041f6b809c4898c08490261.jpg

获取缓存的数据赋值给了historys数组,所以当缓存数据清空的时候,再更新historys也就没有值了,不需要手动置空数组。

2、直接这样调用this.$refs.history.getKeyword()是可以的。可能老师想要语义化一些,update表示更新,所以又写了一个更新的方法并调用了getKeyword方法。同学使用哪种方式都可以。

祝学习愉快!

  • 人生的起源 提问者 #1

    http://img1.sycdn.imooc.com//climg/60425127091c991704990115.jpg

    回第1点,我直接把this.historys设置为空,然后再删除掉缓存数据是不是也可以?
    这样还少了一步更新操作

    2021-03-05 23:42:34
  • 好帮手慕星星 回复 提问者 人生的起源 #2

    你好,这样写也可以,效果没问题。

    2021-03-06 10:40:46
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师