时间戳

首页 > 解决方案 > 是否可以仅重新加载 Vue.js 中的某个组件？

javascript - 是否可以仅重新加载 Vue.js 中的某个组件？

问题描述

我想知道我是否有一个 Vue 组件，其中包含其他组件。是否可以只加载某个组件。

所以如果我有这样的组件：

主要成分

<template>
<button>Button<button>
<component1></component>
<component2></component2>
</template>

是否可以仅在单击按钮 1 时重新加载组件 1？如果是这样，我将如何只重新加载该特定组件？

提前致谢！

标签： javascriptvue.jscomponentsreload

解决方案

这是一篇关于强制更新组件的好文章： https ://michaelnthiessen.com/force-re-render/

所以基本上你添加一个:key到你的组件并通过点击你的按钮来增加一个数字

<component1 :key="num" />

<button @click="num++" v-text="'update'" />

推荐阅读