亚洲日本欧洲欧美视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

nuxt3 useFetch 刷新或首次進入報錯

從其他頁面跳轉(zhuǎn)過來正常，但是刷新會報錯

<script lang="ts" setup>
    const positionOption = ref([]);
    const initData = () => {
        useFetch('/api/getTagsByKey', {
            query: {
                tagKey: 'position'
            },
            method: 'get',
        }).then(res => {
            positionOption.value = res.data.value.data;
        })
    }
initData();
</script>

解決方法：添加 await nextTick()，但是這個方法會導(dǎo)致客戶端請求

<script lang="ts" setup>
    const positionOption = ref([]);
    const initData = async () => {
        await nextTick();
        useFetch('/api/getTagsByKey', {
            query: {
                tagKey: 'position'
            },
            method: 'get',
        }).then(res => {
            positionOption.value = res.data.value.data;
        })
    }
initData();
</script>

服務(wù)端請求方法：useFetch在最外層，不要放到方法中

<script lang="ts" setup>
    const positionOption = ref([]);
    useFetch('/api/getTagsByKey', {
            query: {
                tagKey: 'position'
            },
            method: 'get',
        }).then(res => {
            positionOption.value = res.data.value.data;
        })
</script>

posted @ 2024-04-03 11:30 Jade_g 閱讀(812) 評論(0) 收藏舉報

刷新頁面返回頂部

Jade_g

nuxt3 useFetch 刷新或首次進入報錯

公告