Vuejs2 VUE路由重定向未从其他页面关闭模式

Vuejs2 VUE路由重定向未从其他页面关闭模式,vuejs2,vuex,vue-router,Vuejs2,Vuex,Vue Router,我正在使用另一个开发人员设置的vue2路由,但我正在尝试更改当前设置为转到“主页”的“重定向” 这个问题是有一个页面,当您第一次进入该页面时(第一次),会显示一个引导模式。我遇到的问题是,如果我第一次进入这个页面,然后更改URL,“重定向”按预期工作,但模式仍在显示,我不知道如何关闭它 routes.js import {store} from './store/store'; import Cart from './components/Cart'; import Stock from './

我正在使用另一个开发人员设置的
vue2
路由
,但我正在尝试更改当前设置为转到“主页”的“重定向”

这个问题是有一个页面,当您第一次进入该页面时(第一次),会显示一个
引导
模式
。我遇到的问题是,如果我第一次进入这个页面,然后更改URL,“重定向”按预期工作,但模式仍在显示,我不知道如何关闭它

routes.js

import {store} from './store/store';
import Cart from './components/Cart';
import Stock from './components/Stock';
import Home from './components/Home.vue';
import Review from './components/Review';
import Order from './components/Order.vue';
import OrderReport from './components/OrderReport';
import AccountDetails from './components/AccountDetails';
import ExistingOrders from './components/ExistingOrders';

export const routes = [
    {path: '', component: Home},
    {path: '/order', component: Order},
    {
        path: '/review', component: Review, children: [
            {path: '', component: ExistingOrders},
            {
                path: ':id', component: OrderReport, beforeEnter: (to, from, next) => {

                    let orderCount = store.getters.orderPaginator.items.filter(item => item.id === +to.params.id).length;

                    next(orderCount > 0);
                }
            }
        ]
    },
    {path: '/account', component: AccountDetails},
    {path: '/stock', component: Stock},
    {path: '/cart', component: Cart},
    {path: '*', redirect: '/order'}
];
如果我将“redirect:'/order'”更改为“redirect:'/'”,它会按预期转到我的主页,但会显示模式。有没有办法关闭重定向

显示模态的页面

**将URL更改为“订单”,并单击“输入”

指向正确的页面(主页),但仍显示模式。有没有一种方法可以使用
路由更改
:键
,或者我必须使用类似
的东西。$forceUpdate()
,尽管我读到这在
vue2
中可能不起作用,而且确实是一件好事


我最好的方法是什么?我刚刚接触过
vue2

可能不是解决问题的最干净或最好的方法,但我能想到的唯一方法是在我的“home.vue”文件中使用以下内容

mounted() {
    this.closeAccountSelectModal();
},

methods: {
    closeAccountSelectModal() {
        $('.modal ').modal('hide');
    }
}

使用了
,因此所有具有
模态的其他页面也将被它覆盖。

可能不是解决问题的最干净或最好的方法,但我能想到的唯一方法是在我的“home.vue”文件中使用以下内容

mounted() {
    this.closeAccountSelectModal();
},

methods: {
    closeAccountSelectModal() {
        $('.modal ').modal('hide');
    }
}

使用了
,因此所有具有
模态的其他页面也将被其覆盖。

模态很可能是在标记之外定义的,因此在更改url时不会更新。这取决于它的显示方式。。。vue中是否有数据属性链接到模式的可见性?模式很可能是在标记之外定义的,因此在更改url时不会更新。这取决于它的显示方式。。。vue中是否有数据属性链接到模式的可见性?