uniapp使用本地存储
时间: 2023-09-11 10:03:23 浏览: 231
UniApp 支持使用 Iconfont 图标。使用方法如下:
1. 首先,需要在 Iconfont 网站上找到所需的图标并下载字体文件。
2. 将字体文件复制到 UniApp 项目的静态资源文件夹中。
3. 在项目样式文件中引入字体文件。
4. 使用 class 绑定图标,例如 <i class="iconfont icon-search"></i>
5. 使用字体图标的时候需要设置 font-size 和 color
6. 更多使用方法请参考 Iconfont 的官方文档。
相关问题
uniapp监听本地存储
UniApp是一个跨平台的开发框架,可以用于同时开发iOS、Android和Web应用程序。在UniApp中,可以使用uni-app提供的API来监听本地存储的变化。
UniApp提供了uni.getStorage、uni.setStorage和uni.removeStorage等API来进行本地存储的操作。如果你想要监听本地存储的变化,可以使用uni.setStorageSync方法来设置本地存储,并在需要监听的地方使用uni.onStorageSync方法来监听存储的变化。
下面是一个示例代码:
```javascript
// 设置本地存储
uni.setStorageSync('key', 'value');
// 监听本地存储的变化
uni.onStorageSync('key', function(value) {
console.log('本地存储的值发生了变化:', value);
});
```
在上面的代码中,我们首先使用uni.setStorageSync方法设置了一个本地存储,然后使用uni.onStorageSync方法来监听该存储的变化。当该存储的值发生变化时,回调函数会被触发,并打印出新的值。
需要注意的是,uni.onStorageSync方法只能监听通过uni.setStorageSync方法设置的本地存储的变化,无法监听通过其他方式设置的本地存储。
uniapp删除本地存储
uniapp删除本地存储可以通过调用`uni.removeStorageSync(key)`方法来实现。在utils.js文件中,定义了一个名为`removeSum`的方法,该方法用于清除本地存储。在该方法中,可以通过调用`uni.removeStorageSync(key)`方法来删除指定的存储键。首先,获取当前已存储的所有键值对,然后根据需要保留的键值对列表和待删除的键值对列表,筛选出需要删除的键值对并进行删除。最后,重置存储的键值对。如果没有传入需要保留的键值对列表,则会清除所有的本地存储。
示例代码如下:
```
// 清除本地存储
function removeSum(){
let NO_Sum = ["secret_code2SessionId","secret_personId","secret_personName"]; // 需要保留的存储的键
let secret_arrSum = uni.getStorageSync('secret_arrSum') || ''; // 当前已存储的键值对
if(secret_arrSum){
let remove_Sum = secret_arrSum.filter(item => !NO_Sum.includes(item)); // 需要删除的键值对
if(remove_Sum.length > 0){
remove_Sum.forEach(key => {
uni.removeStorageSync(key); // 删除本地存储对应的键值对
});
uni.setStorageSync('secret_arrSum', NO_Sum); // 重置存储的键值对
}
}else{
uni.clearStorageSync(); // 删除本地所有存储
}
}
module.exports = {
removeSum
}
```
在需要清除存储的页面,可以引入`removeSum`方法,并在`onShow`方法中调用`removeSum()`来清除残留缓存。
示例代码如下:
```
import { removeSum } from '@/utils/utils.js'; // 引入方法
onShow() {
// 清除残留缓存
removeSum();
}
```
阅读全文