<v-form :model='management'>
<v-flex xs3 sm2 md3>
<div class="form-group>
<v-select
:items="days"
item-text='text'
item-value='text'
placeholder="MM"
single-line
attach
v-model="week.day"
>
</v-select>
</div>
<input type="text" id="day" name="day" v-model="week.day['text']" >
</v-flex>
<v-btn @click.prevent='submitManagement'> Save</v-btn>
</v-form>
<script>
export default {
data() {
return {
days: [
{text: '01'},
{text: '02'},
{text: '03'},
{text: '04'},
{text: '05'},
{text: '06'},
{text: '07'}
],
week: {
day: ''
}
}
}
</script>
I am encountering an issue where the selected value from the dropdown for the days is not appearing in the input field. I am having trouble identifying the cause of this problem. Can someone assist me in figuring out what might be wrong with my code?