Vue 强制让 dom 和 组件重新渲染

原创
前端路迹
2021-6-1 08:00
编辑于 2022-6-17 17:22

给需要强制重新渲染的dom或组件增加key,然后改变key的值即可使组件重新渲染。

<template>
    <div class="home">
        <HelloWorld :key="renderKey" />
        <button @click="onClick">重新渲染</button>
    </div>
</template>

<script>
import HelloWorld from "@/components/HelloWorld.vue";

export default {
    name: "Home",
    data() {
        return {
            renderKey: 1
        };
    },
    components: {
        HelloWorld
    },
    methods: {
        onClick() {
            this.renderKey++;
        }
    }
};
</script>
转载请注明出处。本文地址: https://www.qinshenxue.com/article/vue-forces-dom-and-components-to-re-render.html
关注 & 咨询问题