Utilizing Vuetify to create text fields and applying v-model to a textFieldState results in all text fields sharing the same state, causing input from one field to leak into others. How can I ensure that each field maintains its own state?
<div v-if="threeTextFields">
<label for="" v-for="textField in textFields" :key="textField">
<v-text-field :label="textField" :value="textField" v-model="textFieldState"></v-text-field>
</label>
</div>
data(){
return{
textFieldState:"",
textFields: [
"Account ID",
"Settings Tolerance",
"Library Tolerance"
],
}
}