首页  >  问答  >  正文

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 天前379

全部回复(1)我来回复

  • P粉425119739

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

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

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

    回复
    0
  • 取消回复