Vue JS 在元素中加载动态组件

Question

我有以下代码：

let templateName = '#' + className + 'Properties';
const vue2 = {
               template: templateName,
               el: "#app2"
             };
var vm = new Vue(vue2).$mount();

每一次，变量className都会有不同的值，所以模板每次都会不同。现在，一旦我第一次安装该组件，它就可以工作，但即使类名不同，也会始终安装相同的模板。

请指导

Answer 1

我是这样解决的：

                    if (null !== vm) {
                        vm.$destroy();
                        vm.$el.remove()
                        vm = null
                    }

                    const vueContainer = document.createElement('div');
                    vueContainer.setAttribute("id", "app9");
                    $("#app2").append(vueContainer);                    

                    let templateName = '#' + className + 'Properties';
                    const vue2 = {
                        template: templateName,
                        el: "#app9"
                    };

                    vm = (new (Vue.extend(vue2))).$mount(vueContainer)

Vue JS 在元素中加载动态组件

Vue JS load dynamic component in element

components

mount

vue.js