[TOC]

需求

  • 制作一个动态生成宽度并且切换时移动的下划线

    动态生成 width

  1. 使用 ref 动态获取当前选中的标签,并在数据更新时更新
  2. 获取 div 的宽和左边定位值 getBoundingVlientRect()
  3. 将目标 div 的宽设置为标签的宽

    动态生成 left

  4. 获取容器的左边定位值

  5. 将目标 div 的定位 left 值设置为标签的 left 减容器的 left
  6. 将 ref 绑定到目标 div 上 ```javascript

```