私は現(xiàn)在 Vue JS を?qū)W習(xí)しており、API から情報(bào)を取得し、指定された 2 文字の國(guó)コードに基づいて國(guó)に関する事実を表示する?yún)g純なアプリを作成しました。 API から取得したデータは、country
と properties
にマッピングされます。タイムゾーン、通貨、人口など、國(guó)に関する詳細(xì)情報(bào)が保存されます。ただし、一部の國(guó)では一部の情報(bào)が欠落しています。情報(bào)の 1 つが欠落している場(chǎng)合に UI に改行を表示させるようにしようとしています。
ここで、取得したデータが null または空の配列の場(chǎng)合、country
および properties
ディクショナリ內(nèi)の項(xiàng)目は空の文字列になります。
メソッドには、country
または properties
のいずれかの値が空の文字列 Show と等しい場(chǎng)合に畫(huà)面上に
を返す関數(shù)があります。改行。
これは UI でどのように表示されるかですが、これは私が望むものではありません。
これは私の app.vue です。私の主な関心事は上記のことであり、コードを改善する方法についてのフィードバックも求めています。フィードバックをいただければ幸いです。どうもありがとう。
API からデータを取得したら、それを正しい構(gòu)造 (JavaScript オブジェクト) にマッピングすることをお?jiǎng)幛幛筏蓼?。したがって、詳?xì) (プロパティ) のブランキングを制御したり、他の目的のためにデータを変換したりできます。
###例えば:### リーリー