Vue路由页面动画和事务不起作用

文章/答案/技术大牛

发布

1回答

vue.js、vuejs3

我的vue 3项目路由页面动画和转换不起作用 <template> <i class="fas fa-chevron-up">

浏览 47提问于2021-07-25得票数 0

1回答

Framework7-vue:如何禁用内置路由器？

html-framework-7

我正在使用带有Framework7-vue扩展的Framework7。有没有办法禁用Framework7-vue的内置路由器？

浏览 1提问于2017-11-28得票数 4

1回答

我有一些问题的vue-路由器和gsap的滚动触发器插件。我有一些使用scrol触发器的vue组件，当我转到另一个页面并返回到具有滚动触发器效果的页面时，它不会触发，但是如果我手动刷新页面，它就会工作。对于与NuxtJs有相同问题的人，我发现这个主题，但是ScrollTrigger.disable()和ScrollTrigger.kill()解决方案对我不起作用：下面是我用ScrollTrigger

浏览 42提问于2021-04-08得票数 3

1回答

Vue.js VueRouter路由器-链接更改URL，但页不

vue.js、vue-router、routerlink

我的main.js文件有以下内容import Vue from 'vue/dist/vue.esm';)我的routes.js文件有以下内容：import VueRouter from

浏览 0提问于2020-01-29得票数 0

1回答

带Vue -路由器的Vue页面转换

javascript、vue.js、vuejs2、vue-router

我正在尝试使用Vue和Vue-路由器进行漂亮的页面转换。如果路由链接类是特殊的，请执行另一个动画.App.vue <d

浏览 1提问于2018-05-17得票数 1

1回答

在布局/default.vue中页面转换期间添加/删除元素/组件上的类

vue.js、nuxt.js、vue-router、page-transition

我正在寻找一种解决方案，在Nuxt项目的页面转换期间添加和删除<nuxt/>元素之外的组件/元素的类。 <site-curtain :class="{ 'is-active': isTransitioning == t

浏览 4提问于2022-01-11得票数 2

1回答

更改动态vue-路由器路径时如何更改网页内容

vue.js、vue-router、reload

当我从一条路径跳到另一条路径时，我使用vue-路由器编写动态路由器.and，我发现路径确实被更改了，但是网页没有重新加载，我也不知道为什么。路由器定义如下： { component: LecturesBase,]

浏览 11提问于2022-10-30得票数 1

2回答

如何将弹性APM集成到Vuejs SPA中？

vue.js、kibana、vue-router、elastic-stack、elastic-apm

我将Elastic APM集成到Vue.js应用程序中，如下所示。它成功地登录到弹性APM。文档要求设置pageLoadTransactionName。但是，它似乎没有在路由更改时更新： mounted() { }, initializeApm(

浏览 3提问于2019-11-06得票数 0

回答已采纳

1回答

动画不能在Vue.js中的不同路由器视图之间进行

javascript、vue.js、animation、vue-router、vue-cli-3

摘要我正在寻找一个解决方案，在Vue中跨两个不同的路由器视图创建一个动画。我遇到的问题是，当浏览器切换到另一个路由器视图时，它将重新呈现页面。因此，当浏览器重新呈现时，动画就会消失。The动画基本上，该应用程序有两个不同的页面，主页和约页。当用户单击蓝色菜单按钮时，绿色导航菜单将从左向右滑行，直到覆盖整个屏幕。这个菜单有两个链接:关于和回家。下面是演示我想要达到的动画效果的代码示例(这个演示没有使用路由</

浏览 1提问于2020-12-22得票数 0

回答已采纳

2回答

Nuxt.js路由器-无需重新加载新页面即可更改路由参数？

vue.js、nuxt.js、vue-router

$route.params.chapterNo和$route.params.sectionNo更改时读取它们，而不是真正重定向到不同的页面。每次路由更改时都会调用mounted()，但我只需要将页面挂载一次。它将随着地址的改变进行动画处理，但通过这种设置，整个DOM将被清除并重新构建，从而消除了生成动画的可能性。我可以使用什么路由器配置来仅获取两个参数，而不重新呈现整个页面？我尝试删除配置文件的component属性，但出现了page not fou

浏览 151提问于2021-07-21得票数 1

回答已采纳

1回答

Nuxt vue-路由器页面-在运行requestAnimationFrame循环时转换不能工作

javascript、vue.js、animation、vue-router、nuxt.js

对于nuxt/vue路由器页面转换和js方法rerequestAnimationFrame的组合，我有一个问题。我正在用rerequestAnimationFrame和transform: translate属性动画一些项目的容器。这些项包括用于路由到子页面的nuxt-link(s)。当这个动画正在运行，我点击一个nuxt-link路由器会被触发，但是页面转换不会。因此，子<em

浏览 5提问于2019-10-07得票数 1

1回答

我的vuejs动画/转换在路径改变上滞后了。

javascript、css、vue.js、vue-router

我使用vue和vue路由器作为我的投资组合。我添加了简单的“淡出”动画。我的动画很落后。transition: opacity 0.5s; .fade-enter, .fade-leave-to{ }我的路由文件：import Router from

浏览 1提问于2018-11-16得票数 2

回答已采纳

1回答

Vue js在路由页时为元素添加动画。

javascript、css、vue.js、frontend、vuejs2

我只想动画特定的元素，当路由页面加载完成。它不是路由页面转换。我尝试过很多种方法。它是一个进度条，从数据值中动态地显示百分比。我尝试过改变类的安装破坏方法，但它不起作用。我的要求是，我想从数据传递值，并根据该值，进度条应该是动画时，页面加载。} return { technologies:[ title:'<e

浏览 4提问于2017-07-16得票数 0

回答已采纳

3回答

在beforeRouteEnter中访问应用程序

vue.js、vue-router

我想显示一些加载动画在应用程序根，而一个组件准备由vue路由器呈现。已经找到了 (建议使用导航保护)和，其中接受的答案显示了如何使用beforeEach保护在app中设置变量，并显示了加载动画。问题是，当将深链接到某个路由(初始url包含一个路由路径，例如'someurl#/foo')时，这个方法不起作用。那么，beforeEach警卫就不会被调用了。因此，我切换到了加载组件的beforeRouteEnter保护，这也允

浏览 1提问于2018-03-14得票数 6

回答已采纳

2回答

为什么router.currentRoute.path没有反应？

vue.js、vue-router

</div>import Vue from 'vue/dist/vue.js'import/component1.vue' <em

浏览 7提问于2017-07-26得票数 13

回答已采纳

1回答

微前端/ Web组件/ Vue路由器错误:未定义的TypeError:无法重新定义属性：$router

javascript、vue.js、vue-router、web-component、micro-frontend

} } routes我在我的main.js中导入了这个路由器对象，如下所示：new Vue({ render: h => h(App),。外壳路由</

浏览 3提问于2020-02-02得票数 4

2回答

如何在改变路由之间设置延迟

vue.js、vue-router

当我点击链接时，我试着为改变网站语言做动画。当我点击rout链接时，需要在更改DOM内容之前设置延迟。有可能吗？mounted (){ beforeDestroy (){} 但是Vue在隐藏元素之前改变内容。

浏览 0提问于2018-06-29得票数 1

回答已采纳

5回答

如何使用Vue路由器创建锚标记

javascript、html、vue.js

</div>export default new Router({ mode: 'history', routes: [ ]但是，这个锚标签有时起作用，有时不起作用，我是不是漏掉了什么东西

浏览 9提问于2016-10-31得票数 23

回答已采纳

1回答

Vue材料-路由器视图上的本机转换

javascript、vue.js、vuejs2、vue-router、vue-material

在我当前的项目中，我使用Vue Material开发了一个页面应用程序。逻辑遵循这样的趋势:一个单一的“容器”组件，在这个组件中，我根据路由移动当前视图。在Vue pattern网站上(在部分)，我注意到在导航期间，页面被动画化为材料设计风格，就像设计模式所暗示的那样(通过“淡出/滑动”过渡)。我在上面提到的文档上没有看到任何关于它的参考资料。有人知道这些转换是必须临时实现的，比如其他典型的Vue应用程序，还是集成在Vue材料框架上，但是我的

浏览 1提问于2018-07-13得票数 1

回答已采纳

1回答

laravel和vue* SPA应用程序中的多个入口web路由*

laravel、vue.js、single-page-application

我正在创建一个在前端使用laravel后端和vue的应用程序。在web.php文件中，我需要3个单独的SPA条目路由(每个路由分别用于访客用户、注册用户和管理员用户)，如下所示： return view/bootstrap'); import router from '.);

浏览 0提问于2018-04-05得票数 0

点击加载更多