HTML代码中vue.js V-for和Flask之间的冲突？ [复制]

Posted 2023-02-22

【中文标题】HTML代码中vue.js V-for和Flask之间的冲突？ [复制]

【英文标题】：Conflict between vue.js V-for and Flask in HTML code? [duplicate]

【发布时间】：2019-02-12 13:09:48

【问题描述】：

我在 html 中使用以下代码

<tr v-for="item in rowData" >
          <th scope="row"> item.mail </th>
          <td> item.date </td>
          <td> item.adress </td>
          <td> item.company </td>
          <td> item.fliers </td>
</tr>

动态向表中添加行。当我打开 html 文件时，这段代码一切正常，但是当我使用 Flask 并在 localhost 上打开这段代码时，我得到“jinja2.exceptions.UndefinedError: 'item' is undefined”。有没有办法在 Flask 中完成这项工作？

【参考方案1】：

您没有正确循环数据。目前，item 在 Jinja 中不作为变量存在，因此会给您错误。跟Vue没关系

试试这个：

% for item in rowData%
<tr>
  <th scope="row"> item.mail </th>
  <td> item.date </td>
  <td> item.adress </td>
  <td> item.company </td>
  <td> item.fliers </td>
</tr>
% endfor %

另请阅读Jinja documentation on looping。

【讨论】：

我没有错误了，但是表格没有像我原来没有 Flask 的那样更新。

您必须提供比这更多的信息/代码才能获得帮助。我们不知道您的表格过去是如何更新的，也不知道现在是如何更新的，也不知道有什么不同，也不知道您希望它们是什么。

当然。如果问题与 Vue 无关，我可能会问另一个问题，以免在此线程中造成混乱。