Vue.js 如何使用vee validade改变axios的后挡规则

Vue.js 如何使用vee validade改变axios的后挡规则,vue.js,vee-validate,Vue.js,Vee Validate,我正在使用Vue vee validity库,在单击submit按钮之前,我正在设法正常验证字段 然而,我想做点什么,当我点击提交时,一篇文章是用数据制作的。如果有用户错误,我想在输入中通知用户不可用 如何访问axios上catch中的方法来通知给定的消息?或者还有其他选择吗 <ValidationProvider rules="required|min|max" name="Username"

我正在使用Vue vee validity库,在单击submit按钮之前,我正在设法正常验证字段

然而,我想做点什么,当我点击提交时,一篇文章是用数据制作的。如果有用户错误,我想在输入中通知用户不可用

如何访问axios上catch中的方法来通知给定的消息?或者还有其他选择吗

            <ValidationProvider 
              rules="required|min|max" 
              name="Username" 
              v-slot="{ errors }"
            >
              <b-field
                label="Username"
                :type="{ 'is-danger': errors[0] }"
                :message="errors"
              >
                <b-input v-model="username"></b-input>
              </b-field>
            </ValidationProvider>

     this.axios
      .post(...{ })
      .then(response => {})
      .catch(error => {
        if (error.response.status == 400){ // Invalid username and/or password }
        else if (error.response.status == 409){ // username already exists }
        else if(error.response.status == 500){ // Unknown Error }
    });

这是axios
.post(…{})
。然后(响应=>{})
.catch(错误=>{
如果(error.response.status==400){//用户名和/或密码无效}
如果(error.response.status==409){//用户名已存在}
如果(error.response.status==500){//未知错误}
});

ValidationProvider有一个
setErrors
方法正好用于此目的。有关详细信息,请参阅

你要做的是这样的:

 <ValidationObserver ref="observer"> ...

 this.axios
  .post(...{ })
  .then(response => {})
  .catch(error => {
    if (error.response.status == 400){ // Invalid username and/or password }
       this.$refs.observer.setErrors({
         Username:['Invalid username and/or password']
       });
    else if (error.response.status == 409){ // username already exists }
    else if(error.response.status == 500){ // Unknown Error }
});
。。。
这是axios
.post(…{})
。然后(响应=>{})
.catch(错误=>{
如果(error.response.status==400){//用户名和/或密码无效}
这是。$refs.observer.setErrors({
用户名:[“无效的用户名和/或密码”]
});
如果(error.response.status==409){//用户名已存在}
如果(error.response.status==500){//未知错误}
});

ValidationProvider有一个
setErrors
方法正好用于此目的。有关详细信息,请参阅

你要做的是这样的:

 <ValidationObserver ref="observer"> ...

 this.axios
  .post(...{ })
  .then(response => {})
  .catch(error => {
    if (error.response.status == 400){ // Invalid username and/or password }
       this.$refs.observer.setErrors({
         Username:['Invalid username and/or password']
       });
    else if (error.response.status == 409){ // username already exists }
    else if(error.response.status == 500){ // Unknown Error }
});
。。。
这是axios
.post(…{})
。然后(响应=>{})
.catch(错误=>{
如果(error.response.status==400){//用户名和/或密码无效}
这是。$refs.observer.setErrors({
用户名:[“无效的用户名和/或密码”]
});
如果(error.response.status==409){//用户名已存在}
如果(error.response.status==500){//未知错误}
});