在输入的按键，点击vuejs

有一个名为“FB-发送”按钮，其在输入点击按键上的“Enter”得到领域。如何实现这一目标？

<input @keyup.enter="" placeholder="Reply here" class="fb-comment-input" /> 
<i class="material-icons fb-button-right fb-send">&#x21E8;</i>

任何帮助将不胜感激。谢谢。

来源

2017-10-09 Inchara Raveendra

这里是我的回答小提琴：ANSWER-DEMO

我解决了这个使用$裁判。

new Vue({ 
    el:'#app', 
    methods:{ 
    enterClicked(){ 
     alert("Enter clicked") 
    }, 
    trigger() { 
     this.$refs.sendReply.click() 
    } 
    } 
})

来源

2017-10-09 05:58:05

您也可以拨打fb_send方法直接在输入字段：

@keyup.enter="enterClicked()"

来源

2017-10-09 06:03:37 pszkv

我用enterClicked（）来检测图标是否被点击。所以我不能直接在Enter键上按下:) –

你需要调用输入字段内enterClick方法象下面这样：

<div id="app"> 
    <input @keyup.enter="enterClicked" placeholder="Reply here" class="fb-comment-input" /> 
    <i class="fb-send" @click="enterClicked">&#x21E8;</i> 
</div>

<script> 
    new Vue({ 
     el:'#app', 
     methods:{ 
      enterClicked(){ 
      alert("Enter clicked") 
      } 
     } 
    }); 
</script>

来源

2017-10-09 06:20:35

我使用了enterClicked（）来检测图标是否被点击。所以我不能直接在Enter键上按Enter键:) –

你的意思是，如果有任何按键在键盘上按下这个方法就会触发????? –

@IncharaRaveendra提供的例子工作正常...你可以在这里查看：https：//jsfiddle.net/nosferatu79/52a7ppt2/3/ –

-2

 $("form").keypress(function (e) { 
      debugger; 
      if(e.charCode == 13){ 
       e.stopImmediatePropagation(); 
       e.preventDefault(); 
      } 
     });

来源

2017-11-14 15:48:35

这个答案可以改进一些解释。 –

问题在于遵循MVVM模式的vuejs。 jQuery对于它的范围是不切实际的 –

在输入的按键，点击vuejs

回答

相关问题