gpt4 book ai didi

javascript - VueJs 路由器链接元素出错

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

每次我在我的 app.blade.php 页面导航栏中单击我的 vuejs router-link 元素之一时,我最终会在我的控制台上收到一个错误,如下所示

 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "to"

found in

---> <RouterLink>
<Root>

下面的代码显示了我如何在导航栏中实现路由器链接。

<ul class="navbar-nav ml-auto">
<!-- Authentication Links -->
@guest
<li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
</li>
@else
<li class="nav-item" id="navbarDropdown" class="nav-link" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px; ">

<router-link style="color:black;" :to="{ name: 'home' }">Menu<i class="fa fa-home" style="margin-left:8px;"></i></router-link>
</li>

<li class="nav-item" id="navbarDropdown" class="nav-link" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px;">

<router-link style="color:black;" :to="{ name: 'orders' }">Orders <i class="fa fa-coffee" style="margin-left:8px;"></i></router-link>
</li>



<li class="nav-item" id="navbarDropdown" class="nav-link" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px;">

<router-link style="color:black;" :to="{ name: 'cart' }">Cart <i class="fa fa-shopping-cart" style="margin-left:8px;"></i></router-link>
</li>

有人可以解释为什么我会收到此错误吗?

最佳答案

您正在尝试更改 vue 组件内的 props 元素。为此目的使用data

关于javascript - VueJs 路由器链接元素出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51642156/

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