Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

refreshCookie

当 Cookie 发生变化时,手动刷新 useCookie 的值。
此实用程序自 Nuxt v3.10 起可用。

目的

refreshCookie 函数旨在刷新 useCookie 返回的 Cookie 值。

当我们知道新的 Cookie 值已在浏览器中设置时,这对于更新 useCookie ref 很有用。

用法

app.vue
<script setup lang="ts">
const tokenCookie = useCookie('token')

const login = async (username, password) => {
  const token = await $fetch('/api/token', { ... }) // Sets `token` cookie on response
  refreshCookie('token')
}

const loggedIn = computed(() => !!tokenCookie.value)
</script>
您可以启用实验性的 cookieStore 选项,以便在浏览器中 Cookie 发生变化时自动刷新 useCookie 的值。

类型

refreshCookie(name: string): void