So binden Sie das V-Modell an Methoden in Vue.js
P粉445750942
P粉445750942 2023-11-05 16:36:26
0
1
541

Ich lerne Vuejs(3).

Ich habe diese Schleife:

<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>

Und die Funktion getTimeSlot1Start wird wie folgt deklariert:

methods: {

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

Wenn ich meine Datei speichern möchte, sagt mir eslint:

Error 'v-model'-Direktive erfordert einen gültigen Attributwert als LHS vue/valid-v-model

Warum erhalte ich diese Nachricht? Kann Modell nicht an Funktion binden?

P粉445750942
P粉445750942

Antworte allen(1)
P粉590929392

v-model指令是双向绑定的,它接受一个属性作为值而不是一个方法,你可以使用value属性和@input事件绑定该方法来编辑指定索引的项目:

<input ...  :value="getTimeSlot1Start(index)" @input="setTimeSlot1Start(index)" />
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage