动态生成的html无法绑定vue指令

Question

是这样的，点击一个按钮弹出一个框，然后在HTML中绑定了vue的model和on，但是都不生效，可是不是动态生成也就是一打开页面就展现的内容中，指令是生效的。

Answer 1

看你图片的代码啥都看不出来，你应该把所有的代码贴出来，你图片里是弹出框内容的htm吧？我感觉是你用错了，vue是基于数据驱动的，只要改变
开始注册的代表显示数据的值，就能让弹出框是隐藏还是显示，比如：

 <h1 v-if="seen">if you can see me</h1>
 <input type="button" class="btn" v-bind:value="seen ? '隐藏' : '显示'" v-on:click="switchSeen">
var app = new Vue({
                el: '#app',
                data: {
                    seen:true,
                },
                methods:{//方法,可以传参数进来
                    switchSeen:function(e){
                        //e.target可获取当前元素
                        this.seen = !this.seen;
                    }
                }
            });