无法读取未定义的Vuetify CodeSandbox的属性“值”

时间:2018-10-19 22:56:45

标签: vue.js vuetify.js codesandbox

我总是在沙盒上收到此错误!

TypeError

无法读取未定义的属性“值”

VueComponent.getValue     https://yyxml886z.codesandbox.io/node_modules/vuetify/dist/vuetify.js:6567:25

VueComponent.next    https://yyxml886z.codesandbox.io/node_modules/vuetify/dist/vuetify.js:15949:39

Vuetify error

我该如何解决?谢谢!

1 个答案:

答案 0 :(得分:0)

如果使用浏览器调试控制台(F12),则可以看到错误消息,然后单击/检查错误发生的行。

在您的情况下,您的此功能中存在错误:

getValue: function getValue(item, i) {
    return item.value == null || item.value === '' ? i : item.value;
}

这里的问题是浏览器无法从对象value中读取密钥item。这意味着在运行功能item时未定义参数getValue

要解决此问题,必须验证传递给函数的第一个参数实际上是具有键值的对象。

在您的代码示例中,仅添加一个附加条件来检查是否已定义参数将是合适的:

getValue: function getValue(item, i) {
    return item == null || item.value == null || item.value === '' ? i : item.value;
}