表格设为【默认地址】效果

<template>

  <div class="the-address">

    <div class="adr-tent" id="vue-address">

      <table class="adr-table">

        <thead class="table-thead">

          <tr>

            <th rowspan="1" class="thh">

              <span class="tn">收货人</span>

            </th>

            <th rowspan="1" class="thh">

              <span class="tn">所在地区</span>

            </th>

            <th rowspan="1" class="thh">

              <span class="tn">详细地址</span>

            </th>

            <th rowspan="1" class="thh">

              <span class="tn">邮编</span>

            </th>

            <th rowspan="1" class="thh">

              <span class="tn">电话/手机</span>

            </th>

            <th rowspan="1" class="thh">

              <span class="tn">操作</span>

            </th>

            <th rowspan="1" class="thh">

              <span class="tn">设置</span>

            </th>

          </tr>

        </thead>

        <tbody class="table-tbody">

          <tr class="item" v-for="(item, index) in addressList" :key="index">

            <td class="tdd">

              <span class="ti">

                <em class="tt">{ { item.name }}</em>

              </span>

            </td>

            <td class="tdd">

              <span class="ti">

                <em class="tt">{ { item.address }}</em>

              </span>

            </td>

            <td class="tdd">

              <span class="ti">

                <em class="tt">{ { item.detailAddress }}</em>

              </span>

            </td>

            <td class="tdd">

              <span class="ti">

                <em class="tt">{ { item.zipCode }}</em>

              </span>

            </td>

            <td class="tdd">

              <span class="ti">

                <em class="tt">{ { item.phone }}</em>

              </span>

            </td>

            <td class="tdd">

              <span