條件語句中使用vue.js與html元素

進出口新的vue.js，和我試着去我的ASP.NET MVC項目中做一個日期字段的簡單if。我看到那裏的條件是在js文件來完成，但是我並不認爲這會幫助我在VUE教程實例。我目前在我的ViewModel中有兩個下拉菜單中的日期字段。這是一個申請表，詢問一個人他們在他們的住址住了多久。他們可以選擇長達11個月和6年以上。我有一個按鈕，允許他們添加另一個地址。當你點擊這個按鈕，爲日期字段視圖模型被重複，使他們能夠再添一個（存儲在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"但我不認爲這就是正確的。有人可以幫助語法？

編輯：驗證工作在後端。只需要在客戶端與它的工作：

[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; 
     } 
    }

來源

2017-07-04 user2903379

你有解決方案似乎是正確的，但你可以發表你的代碼的其餘部分。看到數據對象應該有所幫助。

來源

2017-07-04 20:07:11 aprouja1

伊夫現在增加了更多的代碼。謝謝 – user2903379

對不起，我的意思是更多的vue.js代碼。從你展示的所有內容來看，v-if語句似乎是正確的。你爲什麼不這樣認爲？ – aprouja1

Well PreviousAddress是PreviousAddresses的列表。含義是什麼時候添加地址持續時間，然後單擊添加另一個，這些都存儲在列表中。我想過做這樣的事情@ {INT TimeAtAddress = PreviousAddresses.Count（）}，並做了，如果TimeAtAddress <6按鈕周圍，然而，這隻會算地址列表中的數字，而不是時間本身。這就是爲什麼我認爲vue會有所幫助。我只是不知道如何在前面的屬性背後使用該代碼 – user2903379

條件語句中使用vue.js與html元素

回答

相關問題