在輸入的按鍵，點擊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

回答

相關問題