Как пройти через эти поля ввода, но каждый вход имеет свое состояние? - PullRequest
Новая
       7

Как пройти через эти поля ввода, но каждый вход имеет свое состояние?

0 голосов
/ 28 января 2019

Я использую Vuetify для генерации текстовых полей, и я v-моделирую их в textFieldState, но происходит то, что каждое текстовое f-поле в конечном итоге разделяет одно и то же состояние, и то, что я пишу в текстовом поле 1, пропускаетв другие текстовые поля.Как мне сделать так, чтобы каждое поле сохраняло свое собственное состояние. 

  <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"
 ],
}
}

1 Ответ

0 голосов
/ 28 января 2019

Я рекомендую следующую структуру кода, каждый элемент в массиве textFields имеет два свойства value и state, поэтому привязайте value к значению атрибута и state к v-model: 

data() {
    return {
      textFieldState: "",
      textFields: [{
          value: "Account ID",
          state: ""
        },
        {
          value: "Settings Tolerance",
          state: ""
        },
        {
          value: "Library Tolerance",
          state: ""
        }
      ],
    }

<div v-if="threeTextFields">
  <label for="" v-for="textField in textFields" :key="textField">
   <v-text-field :label="textField" :value="textField.value" v- 
model="textField.state"></v-text-field>
 </label>
</div>
...