vue增加打开页面的标签页

前端框架:Ant Design Vue
需求:给打开的页面增加一个.额.我也不知道正确的名字该叫什么,姑且叫标签页吧,作用是已打开的页面不会因打开新页面而被取缔,可以通过标签看原来已打开的页面,具体请看下图,就是红色框中的东西:

img

以下回答默认你使用的是vue3~

  1. 如果你用的antd,那建议使用antd的admin版本,基于admin开发会方便很多,参考文档
    https://pro.antdv.com/
  2. 如果还是决定自行开发的话,思路是keep-alive使组件缓存,参考文档
    https://v3.cn.vuejs.org/api/built-in-components.html#keep-alive

如有帮助请采纳回答~

像这种一般都是用elementui框架去做,不然就很麻烦,比如点击一下先在已有标签页过滤一番看看存不存在,不存在就新增,存在就打开,每次点击标签页跳转页面,大致思路