我想禁用我的提交按钮,直到我的表格填写正确,这是我目前的情况:
<form>
<input type="text" class="form-control" v-validate="'required|email'" name="email" placeholder="Email" v-model="userCreate.userPrincipalName" />
<span v-show="errors.has('email')">{{ errors.first('email') }}</span>
<button v-if="errors.any()" disabled="disabled" class="btn btn-primary" v-on:click="sendInvite();" data-dismiss="modal" type="submit">Send Invite</button>
<button v-else="errors.any()" class="btn btn-primary" v-on:click="sendInvite();" data-dismiss="modal" type="submit">Send Invite</button>
</form>
上面只打印一条错误消息,并在我开始输入值后禁用我的提交按钮.我需要在开始与输入交互之前,从一开始就禁用它,这样我就不能发送空字符串.
另一个问题是,是否有比使用v-if
更好的方法来实现这一点?
编辑:
userCreate: {
customerId: null,
userPrincipalName: '',
name: 'unknown',
isAdmin: false,
isGlobalAdmin: false,
parkIds: []
}