小编Bas*_*tos的帖子

我有我的聊天，我不希望人们发送空消息，所以我希望我的输入成为必需的。感谢您的帮助。

我尝试在输入行中添加“required='required'”，我也尝试了 veeValidate，但是当我使用它时它破坏了我的聊天，我还尝试在 Props 和数据中添加“Required = true”，但没有得到好的结果

这是 ChatForm.vue

<template>
    <div class="input-group" >
        <input id="btn-input" type="text" name="message"  class="form-control input-sm" placeholder="Ecrire..." v-model="newMessage" @keyup.enter="sendMessage">

        <span class="input-group-btn">
            <button class="btn btn-primary btn-sm"  id="btn-chat" @click="sendMessage">
                &#10003
            </button>
        </span>
    </div>
</template>

<script>


    export default {
        props: ['user'],

        data() {
            return {
                newMessage: '',
            }
        },

        methods: {
            sendMessage() {
                this.$emit('messagesent', {
                    user: this.user,
                    message: this.newMessage
                });

                setTimeout(function() {
                    const messages = document.getElementById('mess_cont');

                    messages.scrollTop = messages.scrollHeight;
                    }, 200);
                this.newMessage = '';

            }

        }
    }


</script>

这是我在 app.blade.php …