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