uni-app 的 storage 数据缓存

1）数据存储到本地

uni.setStorage(OBJECT):https://uniapp.dcloud.io/api/storage/storage?id=setstorage

将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。

（福利推荐：阿里云、腾讯云、华为云服务器最新限时优惠活动，云服务器1核2G仅88元/年、2核4G仅698元/3年，点击这里立即抢购>>>）

示例

// 跳转之前先清除一下之前数据，再存储一下本次数据。 uni.removeStorage({     key: 'hello' }) uni.setStorage({     key: 'hello',     data: 'helloSetStorage',     //data: JSON.stringify(item)//如果存储得数据是对象，记得转一下 }) 

2）从本地获取数据

从本地缓存中异步获取指定 key 对应的内容。

uni.getStorage({     key:'hello',     success:(res)=>{         console.log("getStorage",res)         if(res.data){             // let orgInfo = JSON.parse(res.data)             this.storageData = res.data //定义全局变量供页面使用         }     } })

• 可以通过 v-bind 动态赋值

      <!-- 动态赋予一个变量的值 -->     <blog-post v-bind:title="post.title"></blog-post>      <!-- 包含该 prop 没有值的情况在内，都意味着 `true`。-->     <blog-post is-published></blog-post>      <blog-post v-bind:is-published="post.isPublished"></blog-post>

• 传入一个对象的所有 property

  如果你想要将一个对象的所有 property 都作为 prop 传入，你可以使用不带参数的 v-bind (取代 v-bind:prop-name)。例如，对于一个给定的对象 post ：

      post: {         id: 1,         title: 'My Journey with Vue'     }

      <blog-post v-bind="post"></blog-post>     <!-- 上面的模板等价于： -->     <blog-post         v-bind:id="post.id"         v-bind:title="post.title"     ></blog-post>

你还在原价购买阿里云、腾讯云、华为云、天翼云产品？那就亏大啦！现在申请成为四大品牌云厂商VIP用户，可以3折优惠价购买云服务器等云产品，并且可享四大云服务商产品终身VIP优惠价，还等什么？赶紧点击下面对应链接免费申请VIP客户吧：

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)赏

[[email protected]]

分享 (0)