vue获取浏览器的本地存储的值
时间: 2023-08-06 19:04:35 浏览: 59
要获取浏览器本地存储的值,可以使用Vue提供的$localStorage或$sessionStorage对象。$localStorage对象用于访问浏览器的本地存储(localStorage),而$sessionStorage对象用于访问会话存储(sessionStorage)。
以下是获取localStorage值的示例代码:
```javascript
// 获取localStorage中key为myKey的值
let myValue = this.$localStorage.getItem('myKey');
```
如果要获取sessionStorage值,只需将$localStorage替换为$sessionStorage即可:
```javascript
// 获取sessionStorage中key为myKey的值
let myValue = this.$sessionStorage.getItem('myKey');
```
注意:在使用这些对象之前,需要先通过Vue.use()方法将VueStorage插件安装到Vue中。例如:
```javascript
import Vue from 'vue';
import VueStorage from 'vue-ls';
Vue.use(VueStorage, {
namespace: 'vuejs__', // key前缀
name: 'ls', // localStorage name
storage: 'local', // 存储类型:sessionStorage 或 localStorage
});
```