Vuejs2 清除vue.js中装载的html

我有两个组件。我在第一个组件中有一些复选框。它像导航栏一样位于网页的左侧。在第二个组件中，我想在这些复选框的基础上加载一些HTMLdiv元素。现在，我可以使用下面的代码在单击这些复选框的同时加载div

mounted () {
        EventBus.$on('change',this.formated);
    },

但是当我点击一个新的复选框时，以前复选框中加载的div不会消失。我可以看到当前和以前复选框的输出，就像jQuery的.append的输出一样

如何清除/消失以前的HTML输出？

您需要在附加的HTML中的元素上使用jQuery的clear。更好的方法是使用v-for指令，在数据属性中维护一个数组，使内容可见，而不是附加内容。这将利用vue的反应性实现其预期目的，并提供更灵活的实现