vue の v-for を使用して 2 次元配列を走査する方法

今回は、vue の v-for を使用して 2 次元配列 を走査する方法を説明します。 v-for を使用して 2 次元配列を走査する場合の 注意事項 は何ですか?見てみましょう。

は次のとおりです:

<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id=&#39;downloaddata&#39;>
   <tr v-for=&#39;(item, index) in data&#39;>
    <template v-for=&#39;items in item&#39;>
     <template v-for=&#39;(itemss, indexs) in items&#39; v-if=&#39;indexs !== "type"&#39;>
      <td>{{itemss}}</td>
     </template>
    </template>
   </tr>

その中で、データデータは次のとおりです:

this.data = [
   [
    {
     type: '',
     name: '资产',
     start: '期末余额',
     end: '期初余额'
    },
    {
     type: '',
     name: '负债和所有者权益(或股东权益）',
     start: '期末余额',
     end: '期初余额'
    }
   ],
   [
    {
     type: '',
     name: '资产',
     start: 125000,
     end: 12534567
    },
    {
     type: '',
     name: '负债',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '资产',
     name: '货币资金',
     start: 125000,
     end: 12534567
    },
    {
     type: '负债',
     name: '应付短期融资款',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '资产',
     name: '其中：客户存款',
     start: 125000,
     end: 12534567
    },
    {
     type: '',
     name: '所有者权益（或股东权益)',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '资产',
     name: '',
     start: '',
     end: ''
    },
    {
     type: '所有者权益（或股东权益',
     name: '实收资本（或股本）',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '资产',
     name: '资产总计',
     start: 111,
     end: 11
    },
    {
     type: '所有者权益（或股东权益',
     name: '资本公积',
     start: 125000,
     end: 12534567
    }
   ]
  ]

結果:

事例を読んだ後、あなたは方法をマスターしたと思いますでこの記事では、よりエキサイティングな情報を入手してください。php 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

vueリクエストデータの値を変更する方法

selectコンポーネントで指定された値をJQueryが選択する方法

以上がvue の v-for を使用して 2 次元配列を走査する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。