传统的nuxt-link通过单击链接来导航您的页面。我想知道我是否可以通过pan触发相同的跨页面路由操作,而不是单击链接! 如下所示(我使用的是hammerjs): sliderManager.on("pan", function(e) {
// trigger nuxt-link click and routes me to another page
}) 典型的nuxt-link <nuxt-link to="/about">About</nuxt-link> 从本质上讲,我希望通过滑动导航到我的about页面。
我开始了一份新的工作,我需要用nuxt建立一个网站。一个典型的网站在nuxt布局文件中如下所示:
<NavMenu />
<Nuxt /> - my different routed pages
<Footer />
每当我更改页面时,<Nuxt />都会显示另一个页面,但<NavMenu />会保持原样。
但我正在建设的网站现在需要一个特殊的设计。
<HeroImage /> - different for each page, belongs to that specific page
<NavMenu />
我的Nuxt.js网站有问题。我定义了一个页面,其中包含一个动态的段塞参数,如下所示:
/solutions/:slug
如果我在浏览器中直接访问该页面,它将正确加载!但是,如果我在NavBar组件中单击nuxt链接,就会在控制台中得到以下错误,并且页面不会加载:
vue.runtime.esm.js?2b0e:619
[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <Anonymous>
<Nuxt>
我正在寻找一种解决方案,在Nuxt项目的页面转换期间添加和删除<nuxt/>元素之外的组件/元素的类。
举个例子,我想在每个页面转换之前,先将一个div动画化,然后再将其动画化。伪码如下:
<!-- layouts/default.vue -->
<template>
<site-curtain :class="{ 'is-active': isTransitioning == true }" /> // I would to apply this class during a page transition