Vue.jsで配列の全長を取得する方法
P粉908138620
2023-07-27 21:43:09
<p><span style="color:#383D41;font-family:-apple-system、BlinkMacSystemFont、"Segoe UI"、"Noto Sans"、Helvetica、Arial、サンセリフ、"Apple Color Emoji", "Segoe UI Emoji";font-size:16px;white-space:normal;background-color:#FFFFFF;"> 結果の合計の長さを取得しようとしていますが、何も取得できません私のテンプレート。これは私のスクリプトです:</span></p>
<pre class="brush:php;toolbar:false;">data() {
戻る {
の検索結果: []、
合計結果: [],
}}
const 応答 = await axios.post(
"http://localhost:5000/api/search",
検索データ
);
this.searchResults = response.data.Response.Results; // コンポーネントのデータに検索結果を設定します // 応答から traceId を取得します
constnestedResults = 応答.データ.応答.結果;
const totalResults =nestedResults[0].length;
console.log("合計結果:", totalResults);</pre>
<p>これは私のコンソールで、totalResults を取得します。 </p>
<pre class="brush:php;toolbar:false;">合計結果: 12</pre>
<p>これは私のテンプレートです。 </p>
<pre class="brush:php;toolbar:false;"><p>合計結果: {{ totalResults }}</p></pre>
<p>テンプレートはこれを返しました。 </p>
<pre class="brush:php;toolbar:false;">合計結果: []</pre>
<p>テンプレートに何も表示されません。どうすればよいですか? </p>
まず、数値であるはずの変数を空の配列で初期化します。次のように書く必要があります:
リーリー第二に、正しい totalResults 変数に値を割り当てているのではなく、新しい変数を宣言しているだけです。 totalResults に値を割り当てるには、this.totalResults を使用する必要があります。したがって、正しい書き方は次のとおりです:
リーリー