Vue JS在元素中加载动态组件
Vue JS在元素中加载动态组件
提问于 2020-07-15 22:46:24
我有以下代码：
let templateName = '#' + className + 'Properties';
const vue2 = {
template: templateName,
el: "#app2"
};
var vm = new Vue(vue2).$mount(); 每次，变量className都会有不同的值，所以模板每次都是不同的。现在，一旦我第一次挂载了组件，它就可以工作了，但是即使className不同，相同的模板也会一直挂载。
请指点
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-16 14:10:37
我的解决方法如下：
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)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62917608
复制相关文章
相似问题
腾讯云开发者
