Javascript VueJs使用Vuelidator验证输入值并获取错误信息

在阅读了中的

Vuelidator

文档后，当我尝试使用此

javascript

软件包时，出现以下错误：

[Vue warn]: Error in v-on handler: "TypeError: target is undefined"

在我的项目中的

app.js中安装程序包

：

从“Vue”导入Vue；
const{default:Vuelidate}=require（'Vuelidate'）
Vue.use（Vuelidate）
需要（'./引导'）；
window.Vue=require（'Vue'）。默认值；
新Vue({
组件：
{
//...
}
}).$mount（“#app”）；

和

用户配置文件

组件内容：

从“vuex”导入{mapGetter，mapTranslations}；
从“vuelidate/lib/validators”导入{required，minLength，between}
导出默认值{
道具：[
“用户”
],
数据（）{
const userInfo=this.user；
返回{
名称：userInfo.name，
}
},
验证：{
姓名：{
必修的，
minLength:minLength（4）
}
},
计算：{
//...
},
方法：{
更改_名称（{target}）{
此.$store.commit（'change_name'，target）
此。$v.name。$touch（）
}
}
};

然后是

html

input标记：

---

为什么我会得到

“TypeError:target未定义”

错误以及如何解决此问题？提前感谢

在您的

更改\u name

方法中，您正在对字符串使用解构赋值。只需去掉花括号。更改

Change_name（{target}）

为

Change_name（target）

您也可以考虑将<代码>目标>代码>参数更改为更方便的代码，如<代码> NeNeX<／代码> .<