vue写的页面,页面a有筛选条件,跳转到其它页面,再跳转回A的时候,只有跳转修改页面modify的情况不清空筛选条件的实现方法

使用localStorage,进入修改页面,设置localstorage,跳转回筛选页面时,监听route,判定设置localStorage是否是具体的值,如果是,不清空筛选条件,否则清空,最后把删除设置的localstorage。

具体操作如下:

修改页面是modify.vue

created () {
const sign = ‘modify‘
localStorage.setItem(‘signs‘, sign)
}

筛选页面是a.vue

‘$route‘: function (to) {
      if (to.name === ‘A‘) {
        const z = localStorage.getItem(‘signs‘)
        if (z === ‘modify‘) {
    //移除设置的localstorage
          localStorage.removeItem(‘signs‘)
        } else {
          //清空筛选条件
        }
      }
    }

原文地址:https://www.cnblogs.com/jiaxiaonuo/p/10514943.html

时间: 2024-10-07 19:16:53

vue写的页面,页面a有筛选条件,跳转到其它页面,再跳转回A的时候,只有跳转修改页面modify的情况不清空筛选条件的实现方法的相关文章

基于Vue的SPA动态修改页面title的方法

最近基于VUE做个SPA手机端web发现动态修改页面标题通过document.title=xxxx 来修改着实蛋疼,而且在IOS的微信端据说没效果.百度发现要针对IOS的微信做点额外的操作,即:创建一个隐藏的Iframe,然后随便加载一个图片文件,然后加载完成移除,这样就能修改页面title了.网上有几种方案: 1,App.Vue里面设置title属性,然后页面title去绑定,所有子组件修改标题就通过 this.$root.data.title=xxxxx;去修改 缺点:App.Vue默认的e

040医疗项目-模块四:采购单模块—采购单创建好之后跳转到采购单修改页面(editcgd.action)

我们上一篇文章写到了要从editcgd.action为入口讲.我们要做的事根据edicgd.acion进入到Action层的一个函数,在这个函数里面要做的就是从数据库中把采购单表里面的数据都查出来显示在页面上. 这个action中要做的工作是: 1:从系统配置表中把系统的一些信息查出来(比如采购状态用作下拉表),用来修改采购单信息. 2:根据传进来的采购单的id,找出采购单. 3:把采购单加入到Model中,传到页面,显示. 达到的效果是: 来到这个页面: 输入信息,然后点击保存按钮之后. 来到

新增和修改页面的用例设计和Bug提交

问题: 新增页面和修改页面,基本上输入框都一样,那比如同一个输入框的用例设计: 1. 写了新增页面的用例,修改页面对该输入框还有再写一遍用例的必要吗? 2. 执行用例时,新增页面验证了必填项,长度,数据类型,修改页面还要再验证一遍吗? 3. 提交Bug时,新增和修改页面的同一个输入框都出现了Bug,是只提交一个还是新增和修改各提一个. 参考答案: 我们写用例最容易落入一个误区,就是为了写用例而写用例.实际上写用例最主要目的是分析系统,如果系统业务复杂,用例分析与设计就很重要,如果很简单的功能不写

jQuery框架使用,jq选择器,jq操作页面内容, jq操作类名,jq操作全局属性,jq获取盒子信息,jq获取位置信息,js/jq页面加载完毕事件,jq事件

jq选择器 // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js ( jq对像就是由数组包裹的js对象 ) box1 = $box[0] 从数组里取出来 box1 = $box.g

servlet+jsp update修改页面的实现,整整搞了两个小时才搞定

package DAO; public class books { private int bid; private String bname; private int booksl; private double price; public int getBid() { return bid; } public void setBid(int bid) { this.bid = bid; } public String getBname() { return bname; } public v

今天遇到的问题,解决UITableView页面上面的内容先被导航栏覆盖,然后再向下移动的问题 ( 懒加载有时候并不好! )

今天需要在同事的代码接上接口,但发现一个问题,坐标系发生了改变.一般来说,我们都会现在viewDidLoad中创建UITableView;但是这次我是在viewDidLoad发送Http请求后再创建,然后就导致了请求回来后UITableView页面的内容先整体向上移被导航栏覆盖,然后我移动到我指定的位置,我一直无法,试了又试,后面发现,原因就是我没有在viewDidLoad第一时间创建UITableView,在请求回来再创建,这就导致了UITableView上页面的内容y坐标值由0变成64,造成

php开发之js修改页面css样式

在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下. test.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equi

041医疗项目-模块四:采购单模块—采购单创建好之后跳转到采购单修改页面,然后实现修改采购单功能

我们上篇文章的内容是: 来到了 我这篇文章要实现的功能是:上面的数据我想要修改.比如: 上面的红色框框要把它修改并提交. 具体如下: 我们所在的页面是editcgd.jsp.代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <%@ page contentType="text/html; charset=UTF-8"%> <%@ include f

Chrome扩展修改页面代码执行环境的方法

Chrome的扩展程序可以通过content scripts向页面中注入js代码,所注入的js代码能够对页面中所有的DOM对象进行操作.由于Chrome在js执行环境上对页面代码和content scripts代码进行了隔离,所以,在content scripts中,无法直接修改页面代码执行环境.不过我们还是可以通过一些技巧向页面代码执行环境中插入想要执行的js代码段,从而能够修改页面代码的执行环境. 第一种方法,通过在DOM对象上添加一个event handler,然后派发对应的event给该