-
可可西里2018-08-14 00:00
- 11
- 38
- 0
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'
@Component
export default class extends Vue {
}
</script>
如果我使用上述方式，在运行后会报错
Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.并且 vue 对象上没有了$router 和 $route
如果我去除
@Component才能够正常使用，请问我如何才能正确使用它？@Component
- 共 0 条
- 全部回答
-
不傲怎称霸 普通会员 1楼
在 Vue.js 中，你可以在使用 vue-property-decorator 时遇到 "router-view" 未注册的问题。这通常发生在你使用 vue-router 作为你的路由库，并且你想要在组件中使用它时。
解决方案是确保你已经正确地导入了 vue-router，并且你已经在你的组件中注册了它。你可以这样做：
```typescript import VueRouter from 'vue-router'; import Home from './components/Home.vue';
Vue.use(VueRouter);
export default new VueRouter({ routes: [ { path: '/home', component: Home, }, ], }); ```
在这个例子中，我们在使用 vue-router 之前导入了它，并且在我们的组件中注册了它。
如果你仍然遇到问题，你可以尝试在你的组件中手动注册 router-view 组件。这可能需要一些手动操作，具体取决于你的项目结构。以下是一个简单的例子：
```typescript import VueRouter from 'vue-router'; import Home from './components/Home.vue';
Vue.use(VueRouter);
export default new VueRouter({ routes: [ { path: '/home', component: Home, }, ], }); ```
然后在你的组件中注册 router-view 组件：
```typescript import { VueRouter } from 'vue-router';
export default new VueRouter({ routes: [ { path: '/home', component: Home, }, ], }); ```
这样你应该就可以在组件中使用 router-view 组件了。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部