vue el 重复挂载 同一个实例

Question

一个元素我是在click时候的去挂载到该元素的，但是页面我一加载的时候，就手动触发了，导致一个实例已经挂载到了元素上。然后我点击元素会导致他重复挂载。我怎么去取消上一次的挂载呢。（我知道这种方式不是很合理，但是现在已经做成这样了）

项目有点大
我说一下大概吧
$(a).click(function(){

var vue=new Vue({

    el:"挂钩的元素",

    data:{},

    methods:{}

})

}
$(document).ready(function(){

$(a).trigger('click');

});
页面加载的时候挂钩了一个元素，然后点击元素a的时候又会挂钩a元素

Answer 1

你这个描述大家很难看懂啊，不贴代码的话确实不好回答。我从你的字面意思上看的话，建议设置一个 bool型变量，用v-if控制，然后click的话改变变量的值。修改后的答案：两天了，不知道对题主还有没有用。1、我确实不理解为什么要在document.ready的时候就添加这个元素，然后再点击按钮还可以再添加。虽然你说有原因，但我觉得应该还是逻辑没对。2、我的建议是使用v-if，document.ready的时候设置v-if后的变量为false，这样不渲染，然后在你的click事件中把那个变量置为true.