Vuejs框架相关内容。

业务情景描述

后台界面,在点击左侧边栏的菜单的时候,导航栏会出现Tab页面,就像是这样(我以阿里云后台的一个场景截图为示例):

第一、我在云产品页面中,按照一定时间查询出来之后,会出现查询结果。

第二、我点击万网产品订单,跳转到万网产品订单页面。

第三、我返回云产品订单,此时我查询的结果会销毁,因为我点击云产品订单这个tab页面切换的时候,执行的试重新listQuery操作。

类似地:

我如果选择了部分条件,但是没有点击查询,此时没有查询结果,但是我执行上述曹组的二三步骤,返回的时候,一样,下拉列表没有保存他们的选择状态。

类似地,文本输入框也不会这样。

需要解决的问题

综合上述两个业务场景,当返回的时候,文本输入框的值不变、下来选择菜单不变、以及查询的结果不变。保持第一次查询或者操作的状态。而不是再次渲染。

临时解决方案:

在路由中添加meta: { keepAlive: true },劳动力比较大。暂时还没有其他的解决方案。

{

path: 'dashboardDemo',

component: _import('demo/dashboard/index'),

name: '仪表盘DEMO',

authority: 'dashboardDemo',

meta: { keepAlive: true }

}

Logo

前往低代码交流专区

更多推荐