使用带有html元素的vue.js的条件语句

时间:2017-07-04 19:48:51

标签: asp.net-mvc vue.js

我是vue.js的新手,我试图用我的ASP.NET MVC项目中的日期字段做一个简单的angular.module('app').controller('control',[..., function(){ var vm = this; vm.$onInit = $onInit; function $onInit() { //what i wish run on launch }; } ) .component('myComponent', { controller: 'control', templateUrl: 'sometemplate.html' }) 。 我已经在vs教程中看到了在js文件中完成条件的示例,但我不相信这会对我有所帮助。 我目前在我的ViewModel中有一个日期字段,有两个下拉列表。这是一个申请表,询问一个人他们在他们的地址住了多久。他们可以选择长达11个月和6年以上的时间。我有一个按钮,允许他们添加另一个地址。单击此按钮时,将重复日期字段的viewModel,以便它们可以添加另一个(存储在if中)。  但是,我想围绕一个条件来解决这个问题,只有当输入的日期小于6年时才显示按钮。就像我说的那样,在最后它始终存在。

我的地址代码及其按钮是:

List

我试图做的事情就像 <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"

1 个答案:

答案 0 :(得分:0)

您所拥有的解决方案似乎是正确的,但您可以发布其余代码。看到数据对象应该会有所帮助。