Jquery 无法读取属性';长度';在vue.js中查找数组长度时未定义的值
我在vue.js中有这种数据结构Jquery 无法读取属性';长度';在vue.js中查找数组长度时未定义的值,jquery,vue.js,vuejs2,Jquery,Vue.js,Vuejs2,我在vue.js中有这种数据结构 data() { return { formData: new Form({ files:[], Count:5, .. } 我尝试使用以下代码获取长度: <div class="image-input" v-if="this.formData.files.length < this.formData.Count"> 当
data() {
return {
formData: new Form({
files:[],
Count:5,
..
}
我尝试使用以下代码获取长度:
<div class="image-input" v-if="this.formData.files.length < this.formData.Count">
当我运行此代码时,控制台中出现以下错误:
TypeError:无法读取未定义的属性“length”
该错误在这行代码中,v-if=“this.formData.files.length非常感谢您的帮助。如果您真的想使用Form类,那么您需要构造函数的右大括号和右括号,以及要返回的对象的右大括号(除非您想用…:-) 但通常在Vue数据中,我们只使用普通对象,而不是类。所以我想知道你的意思是:
data() {
return {
formData:{
files:[],
Count:5,
..
}
}
}
避免在模板部分使用“this”运算符
<div class="image-input" v-if="formData.files.length < formData.Count">
您不需要使用模板中的此引用。@ChristianCarrillo:我尝试删除此引用,但仍然得到相同的错误您的意思是v-if=“formData.files.length
?@ChristianCarrillo:是的,我尝试了此v-if=“formData.files.length