vue 获取当前cookie
时间: 2023-07-06 11:34:14 浏览: 73
在 Vue 中,获取当前 cookie 可以使用 document.cookie 属性,该属性返回一个字符串,包含当前页面下所有的 cookie。可以编写一个公共的方法,通过遍历该字符串,查找对应名称的 cookie 值,如下所示:
```javascript
// 获取指定名称的 cookie 值
function getCookie(name) {
const cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
const cookie = cookies[i].trim();
if (cookie.indexOf(`${name}=`) === 0) {
return cookie.substring(name.length + 1);
}
}
return null;
}
// 在 Vue 中使用
export default {
methods: {
getUsername() {
const username = getCookie('username');
if (username) {
console.log('当前用户:', username);
} else {
console.log('未登录');
}
},
},
};
```
在上述代码中,getCookie 函数接收一个参数 name,表示要查找的 cookie 名称,它通过遍历 document.cookie 字符串,查找对应名称的 cookie 值,并返回该值。在 Vue 组件中,可以通过调用该方法获取指定名称的 cookie 值,进而执行对应的逻辑。
相关推荐
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)