gpt4 book ai didi

javascript - RouterLink 属性是只读的

转载 作者:搜寻专家 更新时间:2023-10-30 22:13:21 27 4
gpt4 key购买 nike

我从 Vue.js 中的 VueRouter 开始,我遇到了这个错误:

[Vue warn]: $attrs is readonly.

found in

---> <RouterLink>
<SecondNav> at resources\assets\js\modules\livegame\player\SecondNav.vue
<Player> at resources\assets\js\modules\livegame\player\Player.vue
<Root>

[Vue warn]: $listeners is readonly.

found in

---> <RouterLink>
<SecondNav> at resources\assets\js\modules\livegame\player\SecondNav.vue
<Player> at resources\assets\js\modules\livegame\player\Player.vue
<Root>

我已经尽我所能减少了,结果是问题只出现在路由器中。我是根据文档做的,但我不知道问题出在哪里。这是我的组件:

SecondNav.vue

<template>
<div class="row second-top-nav">
<div class="col-md-offset-1 col-md-11">
<ul class="nav">
<li>
<router-link to='/public/livegame/player/history'>
History
</router-link>
</li>
</ul>
</div>
</div>
</template>

<script>
export default {}
</script>

播放器.vue

<template>
<div>
<second-nav></second-nav>
</div>
</template>

<script>
import SecondNav from './SecondNav';

export default {
components: {
SecondNav
},
}
</script>

路由器.js

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

import History from './history/History';

export default new VueRouter({
mode: 'history',
routes: [
{path: '/public/livegame/player/history', component: History, name: 'player_history'},
],
linkActiveClass: "active", // active class for non-exact links.
});

起点player.js

window.Event = new Vue();

import Vue from 'vue';

import router from './router'
import Player from './Player.vue';

let vm = new Vue({
el: '#player',
router,
components: {
Player
},
});

window.vm = vm;

我不知道哪里出了问题或者我哪里做错了。应用程序中的所有内容似乎都可以正常工作,但这些通知看起来并不都是正确的。我使用的是 Vue.js 2.5.16 版和 VueRouter 3.0.1 版。

最佳答案

拥有多个 Vue 实例会导致这个问题...

修复了这个警告:Vue warn $attrs is readonly。发现于……

通过删除:import Vue from 'vue'

同时保持:从'vue-router'导入VueRouter

修复的原因:vue 被加载了两次。 Vue 是在 VueRouter 的顶部导入的。 VueRouter 之前不需要导入。

关于javascript - RouterLink 属性是只读的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49936163/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com