AddressEdit 初始显示地址

要在 AddressEdit 组件中初始显示地址信息，您可以按照以下步骤进行操作：

1. 在 Vue 实例的 `data` 中定义一个变量（比如 `initialAddress`）来存储初始的地址信息：

data() {
  return {
    initialAddress: {}, // 初始地址信息
    // 其他数据...
  };
},

2. 在获取地址列表数据的地方，将初始地址信息赋值给 `initialAddress` 变量。这可以是从 API 获取的数据，或者是在组件内部定义的初始数据。

3. 在 AddressList 组件的 `@edit` 事件处理方法中，将选中的地址对象赋值给 `initialAddress` 变量，并将弹窗的显示状态 `showPopup` 设置为 `true`，以便打开 AddressEdit 弹窗：

methods: {
  onEdit(address) {
    this.initialAddress = address;
    this.showPopup = true;
  },
  // 其他方法...
},

4. 在 AddressEdit 组件中，使用 `v-model` 指令将 `initialAddress` 绑定到 `address` 变量上。这样，在编辑框中就能显示初始的地址信息：

<van-address-edit
  v-model="address"
  :area-list="areaList"
  show-search-result
  :area-columns-placeholder="['请选择', '请选择', '请选择']"
  @save="onSave"
  @delete="onDelete"
/>

5. 在 AddressEdit 组件的 `created` 生命周期钩子中，将 `initialAddress` 的值赋给 `address` 变量。这样，初始地址信息就会显示在编辑框中：

created() {
  this.address = { ...this.initialAddress };
},

这样，您就可以在 AddressEdit 组件中初始显示地址信息了。当用户点击编辑按钮时，弹窗中的编辑框会显示选中地址的信息。请根据您的具体业务逻辑和需求进行相应的处理和调整。