I populated my edit form inputs with data from an API response,
https://i.sstatic.net/2HUpr.png
When I click on Continue, the validate() function is triggered.
validate() {
this.$refs.form.validate()
console.log('this.$refs.form.validate() == ', this.$refs.form.validate())
I'm puzzled why it consistently returns false,
All required fields - Name, Description, Timezone, Start Date, Start Time, End Date, End Time are filled in. The form should be valid.
Code Snippet:
<template>
<v-container fluid class="my-1">
...
(The rest of the code has been excluded for brevity)
...
</v-container>
</template>
<script>
import Navbar from '../../../components/Navbar'
import Breadcrumbs from '../../../components/Breadcrumbs'
import PanelHeader from '../../../components/PanelHeader'
import axios from 'axios'
import moment from 'moment-timezone'
export default {
components: {
...
},
beforeMount() {},
computed: {
...
},
beforeMount() {
...
},
data() {
return {
...
}
},
watch: {
...
},
methods: {
getAllData(id) {
...
},
getCampaign() {
...
},
validate() {
...
}
}
}
</script>
Need help debugging further?