想要使用Vue 2填充包含数组的对象的HTML表。*

时间:2017-11-09 05:37:48

标签: laravel html-table vue.js vue-component

  

data:[{“column_name”:“respond_by”,“old_value”:“0000-00-00   00:00:00“,”new_value“:”2017-12-06 00:00:00“},

     

{ “栏”: “的client_id”, “OLD_VALUE”: “163270275”, “NEW_VALUE”: “535987752”},

     

{ “栏”: “violation_date”, “OLD_VALUE”:“0000-00-00   00:00:00“,”new_value“:”2017-10-23 00:00:00“}]

这是我的HTML:

<table>
    <tbody>
      <tr v-for="value in this.caseDetails">
        <td>{{ value.column_name }}</td>
        <td>{{ value.old_value }}</td>
        <td>{{ value.new_value}}</td>
      </tr>
     </tbody>
</table>

我希望列名在第一列中,第二列是旧值,第三列是新值。希望有更多Vue知识的人能够帮助我。

0 个答案:

没有答案