Vue JS:v-on:keyup.enter 內的條件邏輯
P粉394812277
P粉394812277 2024-03-26 17:41:08
0
1
469

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

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

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

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

P粉394812277
P粉394812277

全部回覆(1)
P粉425119739

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


    
    methods: {
        keyPressed() {
            if(this.code.match(/^\d{6}$/)){
               activate() 
            }
        },
        activate() {
          ...
         }
    }
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板