Différence entre “v-lier:la valeur” et “v-lier:la clé” en vue js

Ci-dessous mon code. Je veux utiliser "select" de la balise et je veux rendre les options et sa valeur à partir du script. J'ai utilisé "v-lier:la valeur" pour le rendu des valeurs à partir du script. Mais il y a une erreur, tels que ***"

[eslint-plugin-vue] [vue/besoin-v-pour-clés] Éléments dans l'itération
s'attendre à avoir des 'v-lier:la clé'

directives."***

Donc j'ai donné comme ceci **"

< option v-for= "option in nationalityOpt" v-bind:value="option.value" v-bind:key = ""> {{ option.text }} < /option> ".

Si j'ai enlevé le "v-lier:la valeur" à partir de mon code puis je ne pouvais pas obtenir les valeurs de l'option dans l'INTERFACE utilisateur. Je tiens à rectifier l'erreur pour "v-lier:" et je voudrais savoir la différence entre les deux. S'il vous plaît aider.

<template>
 <b-card>
    <h4 slot="header" class="card-title">Employee</h4>
        <b-row>
            <b-col sm="3">
              <b-form-group>
                <label for="name">First Name </label>
                <input type="text" id="name"  class="form-control" placeholder="Enter your name" v-model="firstName">
               </b-form-group>
            </b-col>
     </b-row>
      <b-row>
            <b-col sm="3">
              <b-form-group>
                <label for="name">Nationality</label>
                <select name="" id="" class="form-control"  placeholder="Nationality" v-model="nationality">
                  <option v-for="option in nationalityOpt" v-bind:value="option.value"> {{ option.text }} </option>
                </select>
              </b-form-group>
            </b-col>
          </b-row>
      <input type="submit" value="Submit" @click="validateForm">
 </b-card>
</template>

<script>
export default {
  name: 'addEmpl',
  data () {
    return {
      firstName: '',
      nationality: '1',
      nationalityOpt: [
        { value: '1', text: 'Select' },
        { value: 'IN', text: 'Indian'},
        { value: 'OT', text: 'Others'}
        ],
    }
  }
}
</script>

Merci d'avance.

InformationsquelleAutor Ashwini | 2018-05-14