Javascript [Vue warn]：渲染时出错：“Vue warn”；TypeError:无法读取属性'；类别名称'；“未定义”的定义；

但它仍然可以在表中显示我想要的正确数据。 是的，我知道一旦捕获api来更改数据，我就可以在javascript函数中创建一个循环。但是getapi已经包含了很多变量。如果我想做一个循环，它需要很多行代码

我怎样才能克服这个错误？但仍然显示categoryName

Vue warn]: Error in render: "TypeError: Cannot read property 'categoryName' of undefined"

根据你的表达，我可以强调几个问题：

parseInt中的第二个参数是基数，它必须介于2和36之间，在代码中是0，这是不正确的。我假设它必须是10，因为我认为id存储在十进制数字系统中

如果groupData中的任何项不匹配，您将得到空数组。在这种情况下，数组中的第一项是

未定义的

，这就是为什么会出现这种问题

我建议您使用find代替filter，它有相同的语法，但它返回第一个匹配的结果，如果没有匹配，则返回未定义的结果

大概是这样的：

((groupData.filter(group => (group.id === parseInt(text, 0))))[0].categoryName)||'No Group'

不要在模板部分中编写这样的逻辑，它并不总是显而易见的，也不容易调试

我希望这对你有帮助

((groupData.filter(group => (group.id === parseInt(text, 0))))[0].categoryName)||'No Group'

groupData.filter(group => group.id === parseInt(text, 10))