javascript - 在聊天中按Enter后如何重新加载页面

这是我的代码。当我用鼠标按下按钮时，它会重新加载页面，但是当我按下Enter键时，它不会刷新。有什么想法怎么做？

 <template lang="html">

        <div class="chat-composer">

        <input maxlength="180" type="text" placeholder="mesajınızı yazınız"  v-model="messageText" @keyup.enter="sendMessage">i

        <button class="btn btn-primary" @click="sendMessage" onClick="window.location.reload();>Gönder</button>
        </div>

    </template>

这是我使用的完整代码。所以我不是专家..我需要帮助

<template lang="html">
    <div class="chat-composer">
    <input maxlength="180" type="text" placeholder="mesajınızı yazınız"  v-model="messageText"
    @keyup.enter="sendMessage">
    <button class="btn btn-primary" @click="sendMessage" onClick="window.location.reload();"
    >Gönder</button>
    </div>
</template>

<script>

    export default {
        data() {
            return {
                messageText: ''
            }
        },
        methods: {
            sendMessage(){
                this.$emit('messagesent',{
                message: this.messageText,
                user: {
                    name: $('.navbar-right .dropdown-toggle').text()
                }
                });
                this.messageText = '';
            },

        },

    }
</script>

最佳答案

您正在使用Vue.js，如果可以，您可以这样做

<button class="btn btn-primary" v-on:keyup.enter="window.location.reload()"
 @click="sendMessage" onClick="window.location.reload();>Gönder</button>

您可以在https://vuejs.org/v2/guide/events.html上检查键修饰符

关于javascript - 在聊天中按Enter后如何重新加载页面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48528649/