Vue.JS条件渲染还原超出组件范围的更改

Question

我想知道是否有可能在条件渲染之后恢复在组件元素之间所做的任何更改。让我解释一下。

我使用的CSS框架更改了body标签（添加了几个类），并在加载框架元素时在body标签的和处添加了一个新的div。问题是，当我想再次使用此元素时，它不会显示，因为仍然存在一些“剩菜”。

我还发现了以下内容：当未加载Vue组件时，它将保留注释。并且在加载组件时，此注释将被组件的模板替换。

在我的情况下，通过v-if卸载组件时，不会返回注释。我知道文字太多，但我尝试尽我所能详细解释。

因此，问题是：有没有办法还原（撤消）该组件所做的更改？

<template>
    <div class="ui small modal" id="modal-edit-juxtaposition">
        <div class="ui header">
            Edit configuration
        </div>
        <div class="content">
            <div class="ui form">

                <div class="field">
                    <label>Database</label>
                    <div class="ui fluid selection loading dropdown" id="dbDropdown">
                        <div class="text"></div>
                        <i class="dropdown icon"></i>
                    </div>
                </div>

                <button
                        class="ui primary button"
                >
                    Save
                </button>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            orders_trans: {
                type: Object,
                required: true
            },
            buttons_trans: {
                type: Object,
                required: true
            }
        },

        mounted() {
            $('#modal-edit-juxtaposition').modal('show');
        },

        methods: {
            //
        }
    }
</script>