初期表示時は問題ないですが、他のページから遷移してきたときに useFetch()
が呼ばれていないようです。
そのため下記の場合、 list.length
がゼロになり要素が描画されず困っています。
yarn dev
で動かしている開発時は問題ないのですが、
yarn run generate
で書き出したときのみこの挙動になります。
使い方を間違えているでしょうか。
javascript
1<template> 2 <ul v-if="list.length"> 3 <li v-for="item in list" :key="item.id"> 4 ... 5 </li> 6 </ul> 7</template> 8 9<script> 10import { defineComponent, ref, useFetch } from '@nuxtjs/composition-api' 11 12export default defineComponent({ 13 setup() { 14 const list = ref([]) 15 16 useFetch(async () => { 17 list.value = await fetchList() 18 }) 19 20 return { 21 list 22 } 23 } 24}); 25</script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。