Я создаю веб-приложение, которое имеет несколько форм на одной странице, поэтому область видимости ограничена проверка от VeeValidate выглядела очевидным выбором, но я не могу заставить ее работать.
Независимо от того, что я делаю, модель всегда актуальна. Я построил небольшой пример, который поможет вам мне помочь ???? https://jsfiddle.net/pvkovalev/3vwp9zdo/ а>
Вот мой HTML-код:
<div id="app">
<div data-vv-scope="InformationStep1">
<input v-model="input1" v-validate="{required: true}" />
</div>
<div data-vv-scope="InformationStep2">
<input v-model="input2" v-validate="{required: false}" />
</div>
<input type="button" @click="validate" value="validate" />
</div>
И JS:
Vue.use(VeeValidate)
new Vue({
el: "#app",
data: {
input1: undefined,
input2: 'not required'
},
methods: {
validate: function (){
this.$validator.validateAll('InformationStep1').then((result) => {
alert('InformationStep1 valid: '+ JSON.stringify(result))
})
this.$validator.validateAll('InformationStep2').then((result) => {
alert('InformationStep2 valid: '+ JSON.stringify(result))
})
}
}
})
Что я здесь пропустил? Возможно, что-то очевидное. Любая помощь приветствуется!