Vue JS: Logik bersyarat di dalam v-on:keyup.enter

Question

Bagaimana untuk memanggil kaedah "aktifkan" secara bersyarat apabila pengguna menekan kekunci enter?

Saya berharap perkara berikut akan berjaya, tetapi tidak:

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

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

Answer 1

Cuba kaedah ini. Alihkan logik ke kaedah lain dan pengaktifan panggilan daripada kaedah itu jika syarat untuk pengaktifan panggilan dipenuhi.

    
    methods: {
        keyPressed() {
            if(this.code.match(/^\d{6}$/)){
               activate() 
            }
        },
        activate() {
          ...
         }
    }