tab切换类交互:

  1. 记录激活项(整个对象/id/index)
  2. 动态类型控制

下面以一个地址 tab 切换业务功能为例:

  • 人:{{ item.receiver }}
  • 联系方式:{{ item.contact }}
  • 收货地址:{{ item.fullLocation + item.address }}
const activeAddress = ref({})const switchAddress = (item) => {activeAddress.value = item}