Vue.js 按Enter键时，单击vuejs中的按钮

这是我的小提琴：

有一个名为“fb发送”的按钮，必须在输入字段中按“回车”键时单击该按钮。如何做到这一点

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

⇨；

---

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

这是我的答案：

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

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

---

您还可以在输入字段上直接调用fb_发送的方法：

@keyup.enter="enterClicked()"

---

您需要在输入字段中调用

enterClick

方法，如下所示：

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

⇨；

---

新Vue({
el:“#应用程序”，
方法：{
enterClicked（）{
警报（“点击输入”）
}
}
});

---

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

---

本机函数是您的浏览器/服务器/JavaScript提供的函数

2020年6月14日

回车和按键同时起作用。

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

<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>

导出默认值{
数据（）{
返回{
电子邮件：空，
密码：null
}
},
方法：{
登录（）{
console.log（“登录正在工作……”）；
}
}
}

我使用enterClicked（）仅检测图标是否被单击。因此，我无法在按下Enter键时直接指定方法：）我使用enterClicked（）仅检测图标是否被单击。所以我不能直接按Enter键分配方法：）由@IncharaRaveendra提供的示例运行良好。。。您可以在这里查看：这个答案可以通过一些解释加以改进。问题是针对遵循MVVM模式的vuejs的。jQuery在其范围内是不切实际的，而这段代码可能会回答这个问题，提供了关于为什么和/或这段代码如何回答这个问题的额外上下文，从而提高了它的长期价值。谢谢！问题：如何避免shift+enter或ctr+enter触发“trigger（）”方法。我想让shift+enter来换行。

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

<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>

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