v-for 复制 tr 相同的代码对于其他对象工作正常

Question

我在网上看到的解决方案很少，但都没有解决我的问题。我在响应中收到 JSON 对象。

        <!-- Show Negativita Check Azienda -->
        <table class="divide-y divide-gray-200 table-fixed w-full mt-4" v-if="showTableAzienda" v-for="item in impreses">
            <thead class="bg-gray-900">
            <tr>
                <th>Codice Fiscale</th>
                <th>Flag Domande</th>
                <th>Flag Pregiudizievoli</th>
                <th>Flag Procedure</th>
                <th>Flag Protesti</th>
                <th>Data Evasione</th>
            </tr>
            </thead>
            <tbody class="text-center py-6" >
            <tr>
                <td>{{item.codice_fiscale}}</td>
                <td>{{item.flagDomande}}</td>
                <td>{{item.flagPregiudizievoli}}</td>
                <td>{{item.flagProcedure}}</td>
                <td>{{item.flagProtesti}}</td>
                <td>{{item.dataEvasione}}</td>
            </tr>
            </tbody>
        </table>

这是JSON 回复

{
  "codice_fiscale":"CLLLCA82R69D960T",
  "flagDomande":"N",
  "flagPregiudizievoli":"N",
  "flagProcedure":"N",
  "flagProtesti":"N",
  "dataEvasione":"2021-11-04"

}

因为对象中的元素是六个。它生成 th 六次而没有输出。如果我打印 {{impreses.codice_fiscale}} 然后它显示输出。我无法理解行为。

编辑第二题

{"EventiNegativiPersona":
  {"InfoPersona":
    {"Nominativo":
      {"@attributes":{"cognome":"","nome":""}},
       "CodiceFiscale":"CLLLCA82R69D960T"},
       "ElencoProtesti":{"@attributes": 
       {"flagPresenza":"N"}},"ElencoPregiudizievoli":
       {"@attributes":{"flagPresenza":"N"}}}}

我想展示这些，但是 {{item.EventiNegativiPersona.@parameters.so-on}} 因为 @parameters 而无法工作。我该如何显示？

Answer 1

根据您问题中显示的响应对象，您可以将 v-for 移动到 td 标签：

      <table class="..." v-if="showTableAzienda" >
            <thead class="bg-gray-900">
            <tr>
                <th>Codice Fiscale</th>
                <th>Flag Domande</th>
                <th>Flag Pregiudizievoli</th>
                <th>Flag Procedure</th>
                <th>Flag Protesti</th>
                <th>Data Evasione</th>
            </tr>
            </thead>
            <tbody class="text-center py-6" >
            <tr>
                <td v-for="item in impreses">{{item}}</td>
            </tr>
            </tbody>
        </table>

v-for 复制 tr 相同的代码对于其他对象工作正常

v-for duplicating th of tr same code is working fine for other objects

vue.js

laravel-nova