ページのレンダリング中に、コンソールから「Uncaught (in Promise) TypeError: Cannot readproperties of unfineed (xxxx)」というエラーが報告されましたが、ページは引き続き正常にレンダリングされました。
理由はインターフェースリクエストが非同期で、最初にページをレンダリングする際にインターフェースの値が取得できていないためエラーが報告されるが正常にレンダリングされるため、nexttickとifを追加することで判断することで解決します。
つまり、インターフェースのリクエストメソッドは nextTick で記述されており、シミュレーションコードは次のとおりです。
const list = ref([])
nextTick(() => {
test().then((res) => {
const testlist= res;
if (typeof testlist!= "undefined") {
list.value = testlist.list;
}
console.log(1)
});
});
最初に値が取得されなかったため、1 がページに 2 回出力されていることがわかります。この操作により、コンソールがエラーを報告するのを防ぐことができます。