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

Posted jiaxiaonuo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 {
          //清空筛选条件
        }
      }
    }

 

以上是关于vue写的页面,页面a有筛选条件,跳转到其它页面,再跳转回A的时候,只有跳转修改页面modify的情况不清空筛选条件的实现方法的主要内容,如果未能解决你的问题,请参考以下文章

vue 实现A 页面跳转到B页面 ,B页面返回的A 页面时 ,保留A页面的数据

vue 实现A 页面跳转到B页面 ,B页面返回的A 页面时 ,保留A页面的数据

如何从.vue页面跳转到.html的页面?

vue 跳转到外部链接

Vue 页面跳转到新页面时, 默认在页面底部,不是顶部

使用onclick跳转到其它页面/跳到指定URL