vue中localstorage的运用

最新推荐文章于 2024-07-01 15:30:29 发布

reisaru

最新推荐文章于 2024-07-01 15:30:29 发布

阅读量1.8k

点赞数

分类专栏： vue 前端文章标签： vue

本文链接：https://blog.csdn.net/qq_41337100/article/details/106124046

版权

在Vue项目中，当用户需要增加地址时，利用vant组件并结合localStorage进行数据存储。在保存地址时，将用户信息转化为对象存储，读取时需将字符串还原为对象。通过修改读取的对象来更新localStorage，若需清空数据，直接删除对应的key。操作流程包括安全读取、修改、再存入。

摘要由CSDN通过智能技术生成

首先情景是：线上商城用户想增加地址。使用了vant的增加地址的组件。用户点击保存触发onSave，首先把需要的存入的数据也就是用户的姓名地址存到一个对象里。

        onSave(content) {
   
             let addDate={
   
                'username':content.name,
                'usertel':content.tel,
                'province':content.province,
                'city':content.city,
                'county':content.c