Vuejs2 routeChange如何在framework7 Vuejs中使用?
如何使用此函数,这将用于允许它是否经过身份验证,是否允许访问视图Vuejs2 routeChange如何在framework7 Vuejs中使用?,vuejs2,html-framework-7,Vuejs2,Html Framework 7,如何使用此函数,这将用于允许它是否经过身份验证,是否允许访问视图 import Home from './assets/vue/pages/home.vue'; import AboutPage from './assets/vue/pages/about.vue'; import PanelLeftPage from './assets/vue/pages/panel-left.vue'; import ColorThemes from './assets/vue/pages/color-th
import Home from './assets/vue/pages/home.vue';
import AboutPage from './assets/vue/pages/about.vue';
import PanelLeftPage from './assets/vue/pages/panel-left.vue';
import ColorThemes from './assets/vue/pages/color-themes.vue';
import Chat from './assets/vue/pages/chat.vue';
const routes = [
{
path: '/',
component: Home
},
{
path: '/about/',
component: AboutPage
}, {
{
path: '/panel-left/',
component: PanelLeftPage
},
{
path: '/chat/',
component: Chat
},
];
export default routes;
请尝试以下操作:
routes.routeChange((to, from, next) => {
console.log("routeChange");
console.log(to);
console.log(from);
console.log(next);
});
但不是功能。文件routes.js中的说明,
基本上,我尝试做的与使用vuejs的beforeach相同基本上,您需要做的是添加一个中间件 中间件的概念是在您可以继续加载需要加载的任何模板之前进行操作。因此,它可以检查您是否登录,对于这一点,没有什么比使用beforeEnter更好的了 这是你的样品
import Home from './assets/vue/pages/home.vue';
import AboutPage from './assets/vue/pages/about.vue';
import PanelLeftPage from './assets/vue/pages/panel-left.vue';
import ColorThemes from './assets/vue/pages/color-themes.vue';
import Chat from './assets/vue/pages/chat.vue';
function MyAuthMiddleware(to, from, next) {
//Do your rules here
console.log("To: ", to);
console.log("From: ",from);
//Example
if (!Store.state.user.logged) {
next({
path: "/login"
});
} else {
next();
}
}
const routes = [
{
path: '/',
component: Home,
beforeEnter: MyAuthMiddleware
},
{
path: '/about/',
component: AboutPage,
beforeEnter: MyAuthMiddleware
},
{
path: '/panel-left/',
component: PanelLeftPage,
beforeEnter: MyAuthMiddleware
},
{
path: '/chat/',
component: Chat,
beforeEnter: MyAuthMiddleware
},
];
export default routes;
希望这对你有帮助。
读一读谢谢,这对我很有用,因为如果它没有连接到视图,我就可以知道主要路线是什么。我使用的示例是next“/”,但它没有任何作用;Me Functiono de la siguiente forma:路由器。导航“/entra/”;,我是阿格雷德斯科·波尔·阿皮约。