无论是在手机还是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上的错误的状态已修复。顺便说一句,请留言,请测试女士吃晚餐。
测试虐待我几次。我必须像初恋一样测试。每次我写我亲自写的错误时,这都是烛光晚餐的预示?
作者:阳光同学