Vue JS: Bedingte Logik in v-on:keyup.enter
P粉394812277
P粉394812277 2024-03-26 17:41:08
0
1
432

Wie rufe ich die Methode „Aktivieren“ bedingt auf, wenn der Benutzer die Eingabetaste drückt?

Ich hatte gehofft, dass Folgendes funktionieren würde, aber es funktionierte nicht:

<input type="text" v-model="code" v-on:keyup.enter="code.match(/^\d{6}$/) ? activate : null">

methods: {
    activate() {
        ...
    },

P粉394812277
P粉394812277

Antworte allen(1)
P粉425119739

尝试使用这种方法。将逻辑移至另一个方法,如果满足调用激活的条件,则从该方法调用激活。


    
    methods: {
        keyPressed() {
            if(this.code.match(/^\d{6}$/)){
               activate() 
            }
        },
        activate() {
          ...
         }
    }
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage