使用vue切换tab选项卡时怎么保存之前tab对应的页面输入的内容
发布于 3个月前 作者 f_kaixin 1000 次浏览 来自 问答

source.png 这是之前的系统。 假设我在 “已办任务” 对应的页面 的标题Input输入“123”,再切换到"待办任务"选项卡,之后再切回到“已办任务”,输入的“123”依然存在。 tab.png 现在我使用vue2,用到了element-ui框架。 点击左侧导航栏打开相应的tab页面后在input里输入,切换tab时之前输入的不在了。 想请教一下各位大神,怎么完成这个功能

32 回复

随时随地无多群无

撒潇洒潇洒西安商城CSAFJCXGVHASBLJKNCLMVADVXSGXGLSAHCLKASFJV;LRFOIWE现场附近可返利客人发来客人反馈了经济建设大库存将贷款市场我看好多客户端和电话为了扩大和我好大家好的空间的很多厉害哇

用v-show控制tab内容,切换的时候就不会从dom中消失了。

@lynan 这样是可以,但是因为tab是通过点击左侧导航栏的选项来展示的,所以是随机的,而且这样tab里的内容要通过view-router来展示,在每个tab下面都使用 view-rouetr来添加子页面,这样v-show好像就没有用了

使用<router-view>的话

用v-show配合嵌套路由 至于v-show的条件,根据你自己的情况来写额。

      <keep-alive>
        <router-view></router-view>
      </keep-alive>
      路由渲染的坑前面加一个keep-alive  就可以保持了
回到顶部