Comment lier le v-model aux méthodes dans Vue.js

Question

J'apprends vuejs(3).

J'ai cette boucle :

<tr v-for="index in 7" :key="index">
            <td>
              {{ index }} {{ getDayOfTheWeek ? getDayOfTheWeek(index) : null }}
            </td>
            <td>
              <input type="time" class="form-control" id="time_slot1_start" v-model="getTimeSlot1Start(index)" />
            </td>

Et la fonction getTimeSlot1Start est déclarée comme suit :

methods: {

getTimeSlot1Start (day) {
      return this.openingHours.find(i => i.day === day).time_slot1_start
    },

Quand je veux sauvegarder mon fichier, eslint me dit :

La directive d'erreur 'v-model' nécessite une valeur d'attribut valide comme LHS vue/valid-v-model

Pourquoi est-ce que je reçois ce message ? Vous ne parvenez pas à lier un modèle à une fonction ?

Answer 1

v-model指令是双向绑定的，它接受一个属性作为值而不是一个方法，你可以使用value属性和@inputÉvénement liant cette méthode pour modifier l'élément à l'index spécifié :

<input ...  :value="getTimeSlot1Start(index)" @input="setTimeSlot1Start(index)" />