javascript - [Vue 警告]:v-on 处理程序中的错误:“TypeError:无法读取未定义的属性 'Array'”
问题描述
我想在单击按钮时检查输入是否为空如果其中一个输入为空,则过滤数组我尝试向数组添加错误,但是当我单击按钮时出现错误“'ErrorList' undefined"我认为错误是我试图在一个名为ErrorList
的方法中调用一个数组save
,但是我该如何解决这个问题呢?你也可以在codesandbox中查看我的代码
<template>
<div>
<form>
<div v-for="(learning, i) in general.learnings" :key="i">
<input type="text" v-model="general.learnings[i]" maxlength="120" />
</div>
<button @click="save">Save</button>
</form>
</div>
</template>
<script>
export default {
methods: {
save(e) {
e.preventDefault();
this.general.learnings.filter(function (el) {
if (el !== "") {
return true;
} else {
this.errorList.push("Error");
}
});
},
},
data() {
return {
errorList: [],
general: {
learnings: ["", ""],
},
};
},
};
</script>
解决方案
发生这种情况是因为引用 ofthis
没有引用您在filter
.
只需更改为箭头功能即可解决问题。
this.general.learnings.filter( (el) => {
if (el !== "") {
return true;
} else {
this.errorList.push("Error");
}
});
推荐阅读
- c - 无法统计文件 - c
- javascript - 在 nuxtServerInit 中使用 axios get 时无法对函数进行字符串化
- java - 如何更改 jsoup 中元素的文本?
- java - RelativeLayout 在 ConstraintLayout 中的位置不理想
- jshint - 我收到一条要重新安装的错误消息,请参见下文
- javascript - How do you map an array of objects within an object?
- apache-kafka - Flink 与 kafka 问题:获取主题元数据时超时
- javascript - 如何编写一个对字符串中的帐号进行排序的Javascript函数?
- c++ - 使用 SFINAE 的 C++ 朋友模板
- node.js - nodejs+mongodb 在查询中使用文档的 _id 字段值访问 node.js 对象