vue中操作localstorage

Posted zlwei23

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中操作localstorage相关的知识,希望对你有一定的参考价值。

首先在子组件将localstorage方法进行封装

技术图片

在父组件中对其进行引用

技术图片

将输入的值存入到定义的searchHistory数组中,存储localstorage需要传两个参数,变量名为searchHistory,值为searchHistory的数组,调用封装好的setStore方法

技术图片

将存储到localstorage的值,取出来

技术图片

做的是一个搜索,将localstorage显示出来了

技术图片

技术图片

以上是关于vue中操作localstorage的主要内容,如果未能解决你的问题,请参考以下文章

vue操作dom

Vue-auth 在 vuex 操作中访问 $auth

Vue项目在Vue文件中动态插入HTML模板,怎么操作?

`.vue` 组件分离/就绪函数中的显式调用 vuex 操作

vue基本使用

【Vue】vue基础知识一(本地数据操作)