Vue3怎么实现点击菜单出现（和路由绑定的）固钉？

如上图所示，该怎么实现这种效果啊？
根据我的分析，是点击菜单的一项，在一个固定位置出现固钉，同时router-view也改变。消掉一个固钉，路由回退。我的困惑在于怎么实现的多个固钉和路由回退？

const routes = [
  {
    path: '/',
    component: Home,
    meta: {
      showPin: false // 是否显示固钉
    }
  },
  {
    path: '/about',
    component: About,
    meta: {
      showPin: true // 显示固钉
    }
  },
  // 其他路由...
]

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这篇文章：Vue—表单的输入绑定，绑定Vue3表单的输入 也许能够解决你的问题，你可以看下

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^