当前位置: 首页 > 网络应用技术

在keep-alive中使用Show-Overflow-Tooltip切换到LAP Tooltip的非iSappearance的解决方案

时间:2023-03-07 13:07:36 网络应用技术

  无论是在手机还是PC上,都有一些需要缓存数据的方案。

  例如,在数据显示页面上,这是一个小报。当用户单击某个数据行时,它将输入此数据的详细信息。当用户返回数据显示页面时,我们希望帮助用户保留上一页状态,例如:已输入的过滤条件,当前表格的目前教授的页数,等等。

  在JQuery时代,我们有几种方法可以做到这一点

  当用户返回数据显示页面时,这些方法实际上正在挖泥并返回状态。

  当然,对于Vue来说,有一个更好的姿势可以满足这一需求。

  当我们需要缓存表时,我们只需要:

  超级简单吗?

  现在,该表中的某些数据很长,无法安装表单。例如,此参数的URL:

  然后,我们希望此URL完全显示在表中是不现实的。

  因此,许多UI框架提供了一个功能,称为基于VUE的ElementUI,提供了一个属性,例如Show-Overflow-ToolTip。当表格的内容太长时,显示工具提示。

  在内容太长时显示 - 跨流动台,工具tipboolean-false看起来像这样,前端非常简单,站在巨人的肩膀上,它确实看到了山脉。

  然后,有一天测试的年轻女士增加了一个虫子。她说,当她从数据显示页面进入详细信息页面时,工具提示并没有消失,她在摇晃。

  nani?交叉点查看测试环境,看看人们想伤害我。

  回想时间节点和GIT提交的注释后,实际上是在我添加之后。

  然后我对其进行了测试,并同时使用了静止和展示的流动台。

  尽管发现了问题,但我以后没有遵循解决方案,a

  Show-Overflow-Tooltip实际上生成了一个工具提示框并为身体加载。

  当组件被破坏时,将其属性分配以实现隐藏效果。

  当我们在代码中使用组件时,即使路由跳了起来,但是由于不会破坏组件,因此工具提示提示框不会自动隐藏。

  阅读Github,Stackoverflow,Google之后,我找不到有效的解决方案。

  我决定直接使用JS隐藏此烦人的工具提示。

  切换时包裹在组件中的组件被调用,并调用两个生命周期的钩方法。

  其中,当缓存组件被激活时被称为,但是当路线跳到其他组件时,它被称为

  因此,可以像这样编写代码:

  该代码意味着当路由即将离开时,找到所有el-tooltip__popper并将其属性设置为。

  哈哈哈,这既简单又粗鲁?

  更改后,修改JIRA上的错误的状态已修复。顺便说一句,请留言,请测试女士吃晚餐。

  测试虐待我几次。我必须像初恋一样测试。每次我写我亲自写的错误时,这都是烛光晚餐的预示?

  作者:阳光同学