我有一个应用程序,包含在这个div中:
<div id="app" v-bind:style='{backgroundColor: backgroundColor}'>
... the app ...
</div>
路由是按照 (这是webpack项目)完成的:
import Vue from 'vue/dist/vue.js'
import VueRouter from 'vue-router'
import ComponentOne from './component1.vue'
i
我目前正在构建一个应用程序,我想添加这个应用程序的扩展。这些扩展应该有自己的Vue组件和视图(因此也包括路由)。我不想重建这个应用程序,而是动态地添加新的视图和路由。对Vue 2有什么好办法吗?
在下面的文章中,我添加了一些我希望能让这个问题更容易理解的文件。router/index.js包含基本结构,并以常规方式添加到main.js文件中。在加载app.vue期间,新路由应该加载并附加到已经存在的路由。
路由器
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from &
我已经在Vue中使用Vue-Cli和Vue-路由器构建了一个小的单页应用程序,并使用了here1中提到的动态路由匹配。在本地开发期间,一切都很好,但出于某种原因,动态页面/路由在构建后不会加载(导致404错误)。其他路由(例如,我的项目的根页面)在构建后可以正常工作。我想这可能是webpack的配置问题。
示例:
根URLS工作:
本地主机:8080/arbq/面板- works
mydomain.com/arbq/panel/ - works
动态URL在本地工作,但不托管:
本地主机:8080/arbq/panel/123- works
Mydomain.com/a
我正在做一个Vue项目,我有一个问题。
当我在一条特定的路线上时,我想预先呈现一些动态路线。在我的项目中,我有一个/works路由,它显示了几个项的列表。每个项都有一个路由器链接,它发送到他的/work/workID路由并呈现工作页面组件。由于这是一个动态路由,Vue不会预先渲染这些路由,每次我加载时,我都会有500ms的图像加载延迟。
我的图片url存储在Vuex中,图片上传到一个公共的google驱动器文件夹中。
我认为我应该使用这样的东西:
let matched = router.resolve(work/workID).resolved.matched;
let route = ma