2017-07-04 13 views
0

imはvue.jsで新しく、ImはASP.NET MVCプロジェクト内の日付フィールドを持つifを単純にしようとしています。 私は、条件がjsファイルで実行されるvueチュートリアルの例を見ましたが、これが私を助けると確信していません。 現在、ViewModelに2つのドロップダウンを持つ日付フィールドがあります。これは、住所にどれくらいの期間滞在したかを尋ねる申請書です。彼らは11ヶ月と6年以上を選択することができます。別のアドレスを追加できるボタンがあります。このボタンをクリックすると、日付フィールドのviewModelが繰り返され、別のものを追加できます(Listに格納されています)。 しかし、入力した日付が6年未満の場合にのみ、ボタンが表示されるという条件の周りにこれを折り返したいと思います。私が言ったように、分でそれは常にある。vue.jsとhtml要素を使用した条件文

アドレスの私のコードとそのボタンがある:

<fieldset> 
    <legend>Please provide all your addresses in the last 6 years</legend> 
    @Html.EditorFor(m => m.PreviousAddresses) 
</fieldset> 

    <button class="button">Add another previous address</button> 

やろうとして何イムv-if="PreviousAddress < 6"のようなものですが、私は右厥と思ういけません。誰かが構文を助けることができますか?

EDIT:検証はバックエンドで機能します。

[Minimum(72, ErrorMessage = "Please enter 6 years address history")] 
    public int TotalAddressHistoryInMonths 
    { 
     get 
     { 
      int totalMonths = CurrentAddress?.Duration?.TotalPeriodInMonths ?? 0; 

      if (PreviousAddresses != null) 
      { 
       foreach (ResidencyInputViewModel residency in PreviousAddresses) 
       { 
        totalMonths += residency?.Duration?.TotalPeriodInMonths ?? 0; 
       } 
      } 

      return totalMonths; 
     } 
    } 

答えて

0

解決策は正しいようですが、残りのコードを投稿することはできますか?データオブジェクトを見ることが役立つはずです。

+0

Iveはもっとコードを追加しました。ありがとう – user2903379

+0

申し訳ありませんが、vue.jsコードのほうが多かったです。あなたが示したすべてのものから、v-ifステートメントが正しいと思われます。どうしてあなたはそれがだと思いますか? – aprouja1

+0

Well PreviousAddressはPreviousAddressのリストです。つまり、アドレス期間を追加してクリックして別のアドレスを追加すると、これはすべてリストに保存されます。 私は@ {int TimeAtAddress = PreviousAddresses.Count()}のようなことについて考えていましたが、ボタンの周りにTimeAtAddress <6の場合は行いますが、期間内ではなくリスト内のアドレス数を数えます。だから私はvueが助けてくれると思ったのです。私はちょうど正面のプロパティの後ろにそのコードを使用する方法を知らない – user2903379

関連する問題