Javascript ReferenceError:未定义文件夹vue:6

我试图在下面的代码中显示一个带有

v-for

的列表，但为什么我会看到以下错误

ReferenceError: folders is not defined
    at wn.eval (eval at Ya (vue:6), <anonymous>:3:243)
    at wn.e._render (vue:6)
    at wn.r (vue:6)
    at fn.get (vue:6)
    at new fn (vue:6)
    at vue:6
    at wn.$mount (vue:6)
    at wn.$mount (vue:6)
    at wn.t._init (vue:6)
    at new wn (vue:6)

我的模板（摘录）：

{{folder.status}
{{folder.employee}:
du{{folder.datecontractfrom}}au{{folder.datecontractend}

企业：
{{folder.enterprise}}

档案编号：
{{folder.dossier}}

• 将其更改为

  data:{folders:[]}

• 将for属性更改为：

  v-for=“文件夹中的文件夹”

• 将

  v-for

  属性移动到父

  div

  元素。当前，您正在使用

  v-for访问
  {{folder.employee}
  和elemnt之外的其他属性

下面是一个工作片段：

newvue({
el:“应用程序”，
数据：{
文件夹：[{
员工：“Jean-philippe Risoli”，
合同日期自：2019年1月1日，
合同日期：2019年12月31日，
企业：“Goweb”，
档案：“1234”，
状态：“valide”
},
{
员工：“Lucie Maréchal”，
合同日期自：2019年2月1日，
合同日期：2019年4月12日，
企业：“Leroy Merlin”，
档案：“2389”，
状态：“安可”
},
{
员工：“玛丽·弗林格尔”，
合同日期：2019年4月14日，
合同日期：2019年7月31日，
企业：“Décathlon”，
档案：“7892”，
状态：“激活”
}
]
}
})

{{folder.status}
{{folder.employee}:
du{{folder.datecontractfrom}}au{{folder.datecontractend}

企业：
{{folder.enterprise}}

档案编号：
{{folder.dossier}}

杜普利克
供给者

• 将其更改为

  data:{folders:[]}

• 将for属性更改为：

  v-for=“文件夹中的文件夹”

• 将

  v-for

  属性移动到父

  div

  元素。当前，您正在使用

  v-for访问
  {{folder.employee}
  和elemnt之外的其他属性

下面是一个工作片段：

newvue({
el:“应用程序”，
数据：{
文件夹：[{
员工：“Jean-philippe Risoli”，
合同日期自：2019年1月1日，
合同日期：2019年12月31日，
企业：“Goweb”，
档案：“1234”，
状态：“valide”
},
{
员工：“Lucie Maréchal”，
合同日期自：2019年2月1日，
合同日期：2019年4月12日，
企业：“Leroy Merlin”，
档案：“2389”，
状态：“安可”
},
{
员工：“玛丽·弗林格尔”，
合同日期：2019年4月14日，
合同日期：2019年7月31日，
企业：“Décathlon”，
档案：“7892”，
状态：“激活”
}
]
}
})

{{folder.status}
{{folder.employee}:
du{{folder.datecontractfrom}}au{{folder.datecontractend}

企业：
{{folder.enterprise}}

档案编号：
{{folder.dossier}}

杜普利克
供给者

您应该将数据

文件夹

放入数据中

然后遍历文件夹

<div v-for="folder in folders">
...
</div>

...

您应该将数据

文件夹

放入数据中

然后遍历文件夹

<div v-for="folder in folders">
...
</div>

...

将

文件夹

对象包装在

数据

中

new Vue({
    el:'#app',
    data: {
      folders : {
          data : [
              {
                employee:'Jean-philippe Risoli',
                datecontractfrom:'01/01/2019',
                datecontractend:'31/12/2019', 
                entreprise:'Goweb', 
                dossier:'1234', 
                status:'valide'
              },
              {
                  employee:'Lucie Maréchal', 
                  datecontractfrom:'01/02/2019', 
                  datecontractend:'12/04/2019', 
                  entreprise:'Leroy Merlin', 
                  dossier:'2389', 
                  status:'encours'
             },
              {
                  employee:'Marie Fringalle', 
                  datecontractfrom:'14/04/2019', 
                  datecontractend:'31/07/2019', 
                  entreprise:'Décathlon', 
                  dossier:'7892', 
                  status:'enattente'
             }
          ]
      }
    }
})

---

将

文件夹

对象包装在

数据

中

new Vue({
    el:'#app',
    data: {
      folders : {
          data : [
              {
                employee:'Jean-philippe Risoli',
                datecontractfrom:'01/01/2019',
                datecontractend:'31/12/2019', 
                entreprise:'Goweb', 
                dossier:'1234', 
                status:'valide'
              },
              {
                  employee:'Lucie Maréchal', 
                  datecontractfrom:'01/02/2019', 
                  datecontractend:'12/04/2019', 
                  entreprise:'Leroy Merlin', 
                  dossier:'2389', 
                  status:'encours'
             },
              {
                  employee:'Marie Fringalle', 
                  datecontractfrom:'14/04/2019', 
                  datecontractend:'31/07/2019', 
                  entreprise:'Décathlon', 
                  dossier:'7892', 
                  status:'enattente'
             }
          ]
      }
    }
})

---

它不应该是

data:{folders:[]}

？引用错误：数据未定义是的，即使这样也不起作用错误更改引用错误：数据未定义您还需要更改

v-for=“folders in folders”

它不应该是

data:{folders:[]}

？引用错误：数据未定义是即使这样做也不起作用错误更改引用错误：数据未定义您还需要更改

v-for=“文件夹中的文件夹”