首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >默认情况下,不能单击Vue.js链接,并且不加载主视图零部件

默认情况下,不能单击Vue.js链接,并且不加载主视图零部件
EN

Stack Overflow用户
提问于 2018-08-30 03:23:34
回答 1查看 265关注 0票数 0

好了,我才刚刚开始使用vue.js。我已经在现有的Visual Studio2017解决方案中添加了一个TypeScript vue.js项目。开箱即用,效果非常好。

但现在,我正试着做一些应该很简单的事情...创建一些页面并在它们之间导航。我已经找到了3到4个教程,但它们都不能与我已经拥有的内容相匹配,以使它们具有适应性,而且我很难在vue.js的文档中找到我需要的内容。

这是我的项目现在的屏幕截图...

下面是App.vue文件:

这是路由器/index.js文件:

有了所有这些,下面是浏览器中呈现的内容:

这几乎是正确的,除了两件事:

1)用于HomeTime Sheet的链接不被呈现为可点击的html链接。这是它们在dev工具中的样子:

2)我以为Home组件会默认加载,但事实并非如此。

所以,有两个问题:

1)如何使链接可点击?

2)为什么默认不加载Home?

编辑:

下面是main.ts文件:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-30 03:32:35

您还需要在main.js文件中设置vue-router。下面是一个示例:

代码语言:javascript
复制
import router from './router' 
 new Vue({  
   render: h => h(App),  
   router 
 }).$mount('#app')
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52084728

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档