如何处理Vue中的Laravel错误消息？

Question

我知道我在这里做错了什么，但是如何在vue模板中处理Laravel的错误消息？...有没有一种方法可以绕过laravel Blade模板的@error

这是vue组件文件（fileComponent.vue）

<template>

    <div class="row my-2">
    <div class="col-md-2 font-weight-bold pt-2">Grade:</div>
        <div class="col-md-10">
            <select name="grade" class="form-control @error('grade') is-invalid @enderror" v-model="selected_grade" @change="onChange($event)">
                
                <option v-for="grade in grading" :key="grade.id" :value="grade.name">{{grade.name}}</option>

            </select>
             @error('grade')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror

            <div class="row my-3" v-if="subjects !== null">
                <div class="col-md-3">
                    <div class="card shadow">
                        <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold">Subjects:</h6>
                        </div>
                        <div class="card-body">
                            <div class="custom-control custom-checkbox" v-for="subject in subjects" :key="subject.id">
                                <input type="checkbox" class="custom-control-input @error('subjects') is-invalid @enderror" name="subjects[]" :id="subject.name" :value="subject.name"/> 
                                <label class="custom-control-label" :for="subject.name">{{subject.name}}</label>
                            </div>
                            @error('subjects')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>  
                    </div>
                </div>
            </div>
        </div>
    </div>

</template>

此页显示在页面上，而不是错误消息