Question

这是我的小提琴：DEMO

有一个名为“fb-send”的按钮，必须在输入字段中按“Enter”键才能点击。怎么做到这一点？

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

非常感谢任何帮助。谢谢。

Answer 1

您也可以直接在输入字段上调用fb_send的方法：

@keyup.enter="enterClicked()"

Answer 2

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

我使用$ refs解决了这个问题。

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

Answer 3

2020年6月14日

Enter和KeyPress都可以使用。

以如下形式获取输入字段：

<form v-on:keyup.enter="login">
    <input type="email" v-model="email">
    <input type="password" v-model="password">
    <button type="button" @click="login">Login</button>
</form>

Javascript部分：

<script>
export default {
    data() {
        return {
            email: null,
            password: null
        }
    },
    methods: {
        login() {
           console.log("Login is working........");
       }
    }
}
</script>

Answer 4

<Input v-model="value1" size="large" placeholder="large size" @keyup.enter.native="search"></Input>

Answer 5

您需要在输入字段中调用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>

Answer 6

请使用@ keyup.enter.native = function（），它将起作用。

本机功能是您的浏览器/服务器/ JavaScript提供的功能

Answer 7

peers.org1.example.com

按Enter键，单击vuejs中的按钮

7 个答案: