Vue组件不更新解决方法

最新推荐文章于 2024-09-23 00:11:04 发布

孤风随雨

最新推荐文章于 2024-09-23 00:11:04 发布

阅读量2.2k

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/weixin_47723644/article/details/109671083

版权

当Vue组件在路由改变时不更新时，可能是由于组件重叠和缓存导致的。为解决这个问题，可以尝试在<router-view>中增加不同的:key值，或者设置路由监听，根据路由变化手动触发组件更新。

摘要由CSDN通过智能技术生成

vue组件不更新

组件不更新的状况

<style>
        .router-link-active{
            color:red
        }
    </style>
    <div id="app">
        <router-link to="/login/?id=10">登录</router-link>
        <router-link to="/register">注册</router-link>
        <router-view></router-view>

    </div>
    <template id='tem1'>
        <div>
            <h1>登录组件</h1>
        </div>
    </template>
    <template id='tem2'>
        <div>
            <h1>注册组件</h1>
        </div>
    </template>
    <script>
        var login = {
            template:'#tem1',
            created() {
                console.log(this.$route);
            },
        }
        var register = {
            template:'#tem2'
        }