vue获取json的一个小问题

Question

json：

{
  "code": 0,
  "msg": "success",
  "data": [
    {
      "symbol": "BTC",
      "price": 56473.54,
      "openInterest": 20556043828.255978,
      "volUsd": 80300126118.31464,
      "openInterestAmount": 364049.3,
      "longRate": 52.83,
      "longVolUsd": 40150822052.32335,
      "shortRate": 47.17,
      "shortVolUsd": 40156423832.06615,
      "turnoverNumber": 13221636,
      "priceChange": 1546.35,
      "priceChangePercent": 2.82,
      "volChangePercent": -30.3,
      "symbolLogo": "https://cdn.sampyun.com/static/coins/[e-mail]",
      "liqInfo": {
        "symbol": "BTC",
        "longVolUsd": 166022220.78610313,
        "shortVolUsd": 467377610.54825574,
        "symbolLogo": "https://cdn.sampyun.com/static/coins/[e-mail]",
        "totalVolUsd": 633399831.3343589,
        "amount": 11217.5655,
        "number": 34156
      },
      "tags": [
        
      ],
      "oichangePercent": -0.45
    }
}

我想获取liqInfo下的totalVolUsd：

<tr v-for="(item,index) in sitea">
	<td align="right">{{item.liqInfo.totalVolUsd}}</td>
</tr>

但是报错：

TypeError: Cannot read property 'totalVolUsd' of undefined

用的是vue2.6.12版本。

Answer 1

<tr v-for="(item,index) in sitea">

    <td align="right">{{(item.liqInfo || {}).totalVolUsd}}</td>

</tr>

item.liqInfo 数据为undefined 做容错处理