laravel - 从错误对象中提取文本(通过响应)并在 vue 模板中操作或显示它

Question

我试图显示表单的错误，我正在用一个数组来做，我用一个数组来显示它们，问题是它向我显示了错误，但带有括号和引号。

mutations.js

createUser(state) {
    var url = urlUser
    axios.post(url, {
        id: state.idUser,
        name: state.newUser.name,
        email: state.newUser.email,
        password: state.newUser.password,
        //cant_client: state.newUser.cant_client,
        cant_vehicle: state.newUser.cant_vehicle
        //url: window.location.host + "/acceso/" + md5(state.newUser.password)
    }).then(response => {
        state.newUser = {
            id: '',
            name: '',
            email: '',
            password: '',
            url: ''
        }
        state.errorsLaravel = []
        toastr.success('Usuario generado con éxito')
    }).catch(error => {
        <!-- here -->
        state.errorsLaravel = error.response.data
        <!-- here -->
    })
},

index.vue

<form action="POST" v-on:submit.prevent="createUser">
     <div class="row">
         <div class="form-group col-lg-3">
             <label for="name">Nombre</label>
             <input v-validate="'required|min:4|max:190'"
                    :class="{'input': true, 'is-invalid': errors.has('name') }"
                    type="text"
                    name="name"
                    class="form-control" v-model="newUser.name">
           
              <div v-for="(error, index) in errorsLaravel" class="text-danger" :key="index">
                   <p>{{ error.name }}</p>
              </div>
       
          </div>
          <div class="col-lg-3 mt-2">
             <label></label>
             <button type="submit" class="btn btn-success form-control"><i class="fas fa-plus-square"></i> Guardar</button>
         </div>
    </div>
</form>

告诉我这样，请你帮忙谢谢

Answer 1

试试这个。

<div v-for="(error, key) in errorsLaravel" class="text-danger" :key="key">
    <p>{{key}} : {{ error }} : {{ error[0] }}</p>
</div>

这会给你 keys的错误和 error本身附加到 key 。另外，如果你有 errors 的数组附加到特定键的，您也可以迭代它，就像我给出索引 0 error[0] 的示例一样.

在使用错误数组的内部循环的情况下

<div v-for="(error, key) in errorsLaravel" class="text-danger" :key="key">
    <p v-for="(errorItem, index) in error" :key="index">{{ errorItem }}</p>
    
</div>

另外，如果要在keys的基础上加上一些条件的话, 你可以使用 key在循环中并制定你的逻辑。

如果出现与特定键相关联的选择性错误

<div v-for="(error, key) in errorsLaravel" class="text-danger" :key="key">
    <div v-if="key === 'name'">
    <p v-for="(errorItem, index) in error" :key="index">{{ errorItem }}</p>
    </div>
</div>

错误里面的括号和引号表示可以有多个error指定给某些 key .这就是为什么错误在链接到特定键的数组中。一key可以容纳多个errors