首頁  >  問答  >  主體

Vue JS:v-on:keyup.enter 內的條件邏輯

如何在使用者按下回車鍵時有條件地呼叫「activate」方法?

我本來希望以下內容能夠運作,但事實並非如此:

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

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

P粉394812277P粉394812277206 天前386

全部回覆(1)我來回復

  • P粉425119739

    P粉4251197392024-03-27 15:01:11

    嘗試使用這種方法。將邏輯移至另一個方法,如果滿足呼叫啟動的條件,則從該方法呼叫啟動。

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

    回覆
    0
  • 取消回覆