tab 切换类交互功能实现

tab切换类交互:

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

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

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

tab 切换类交互功能实现_第1张图片

你可能感兴趣的:(前端,vue.js)