你好,我是Nuxt和Vue的新手。我正在使用Nuxt框架来获取数据表单API。我想在onMounted方法调用时从API获取数据。
我创建了saprate函数来调用API。该API获取带有产品id的数据。如果我在没有onMounted方法的情况下调用API,它可以正常工作,但当我在OnMounted方法中调用函数时,它不工作。总是得到“null”值。
代码泄露
<script setup>
const product = async (id) => {
const { data, pending, error } = await useFetch(`https://fakestoreapi.com/products/${id}`);
console.log("after this" + id);
console.log(data.value);
};
onMounted(async () => {
product(2);
});
</script>
Otuput in console
after this 2
null
1条答案
按热度按时间fwzugrvs1#
我不认为这是由于
onMounted
而是it seems to be a timing issue按如下方式使用
nextTick
解决问题:我创建了一个工作复制品供您测试here