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

Question

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

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

Answer 1

你正在使用Vue.js，如果是的话你可以这样做

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

您可以在此处查看按键修饰符https://v2.vuejs.org/v2/guide/events.html