雖然相同的方法適用于另一個 api 呼叫，但從這個 api 獲取讓我在承諾上出錯。錯誤讀取
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'json')
我的獲取代碼如下：
import { ref } from "vue";
export default {
async setup() {
const prompProducts = ref(null);
const bc_prompProducts = await fetch(
"https://booking.hemantbhutanrealestate.com/api/v1/get_frontend_products"
);
prompProducts.value = await bc_prompProducts.json();
return {
prompProducts,
};
},
};
雖然同樣的方法在我的其他 api 呼叫上沒有錯誤，但在這個上卻出錯了。請幫助，該網站已經在生產中！
uj5u.com熱心網友回復：
您可以將異步呼叫放入函式中并呼叫它，也可以使用onMounted鉤子：
const { ref, onMounted } = Vue
const app = Vue.createApp({
setup() {
const prompProducts = ref([]);
onMounted(async() => {
const bc_prompProducts = await fetch(
"https://booking.hemantbhutanrealestate.com/api/v1/get_frontend_products"
)
prompProducts.value = await bc_prompProducts.json()
})
return { prompProducts }
},
})
app.mount('#demo')<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<div id="demo">
<div v-for="pro in prompProducts" :key="pro.id">
<p>{{ pro }}</p>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/496440.html
標籤：javascript json Vue.js Vuejs3