如何在nuxt3中全局访问cookie
如何在nuxt3中全局访问cookie
提问于 2022-11-13 17:24:56
我正在读Nuxt3 useCookie & getCookie。我想了解如何在应用程序周围各地获得cookies，而无需在每个类型或组件上声明useCookie。
例如，，这是组件CurrencySwitcher.vue
<script setup>
const UserCurrency = useCookie("UserCurrency", {
maxAge: 60 * 60 * 24 * 7,
});
//use this to change & set currency.
const SetCurrency = (item) => {
UserCurrency.value = item;
window.location.reload(true);
};
//here we pass something like this in UserCurrency Cookie.
{
code: "EUR",
name: "Euro"
}
</script>现在我的问题是。如何在其他组件或页面中使用此UserCurrency，而无需到处声明useCookie。
例如，现在还有其他ProductCard组件，我需要在useFetch中使用CurrencyCode和useFetch。
<template>
<card>
<h3>Product Price : {{UserCurrency.code}} {{Cost}}</h3>
</card>
</template>或
<script setup>
const AllProducts = await useFetch(`SomeApiRoute?currency=${UserCurrency.code}`)
</script>如何在两种情况下内联使用cookie。
回答 1
Stack Overflow用户
发布于 2022-11-14 17:03:38
根据我的理解。你必须在你想要使用的地方内使用可合成的。这实际上是可合成的目的。它将实现隐藏在可组合的内部，您只需添加useCookie就可以使用它。等
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74423158
复制相关文章
相似问题
腾讯云开发者
