私は現在 Vue JS を学習しており、API から情報を取得し、指定された 2 文字の国コードに基づいて国に関する事実を表示する単純なアプリを作成しました。 API から取得したデータは、country
と properties
にマッピングされます。タイムゾーン、通貨、人口など、国に関する詳細情報が保存されます。ただし、一部の国では一部の情報が欠落しています。情報の 1 つが欠落している場合に UI に改行を表示させるようにしようとしています。
ここで、取得したデータが null または空の配列の場合、country
および properties
ディクショナリ内の項目は空の文字列になります。
メソッドには、country
または properties
のいずれかの値が空の文字列 Show と等しい場合に画面上に
を返す関数があります。改行。
これは UI でどのように表示されるかですが、これは私が望むものではありません。
これは私の app.vue です。私の主な関心事は上記のことであり、コードを改善する方法についてのフィードバックも求めています。フィードバックをいただければ幸いです。どうもありがとう。
P粉6595169062023-09-09 00:07:27
API からデータを取得したら、それを正しい構造 (JavaScript オブジェクト) にマッピングすることをお勧めします。したがって、詳細 (プロパティ) のブランキングを制御したり、他の目的のためにデータを変換したりできます。
###例えば:### リーリー