vue.js对事件添加的dom怎么渲染

发布网友 发布时间：2022-04-22 12:57

我来回答

共1个回答

热心网友 时间：2022-04-22 11:57

<div id="app">
    <button v-on:click="addNewElement()">Add Element</button> 
    <br />
</div>
  
  <script>
    new Vue({
    el: '#app',
    data: {
        sampleElement: '<com></com>'
    },
    methods:{
        addNewElement: function(){

           var element = $('#app').append(this.sampleElement);
           
           var tmp = Vue.extend({ 
              template: '<button v-on:click="test()">Hello!</button>',
              methods:{
                  test: function(){
                     alert('Test');
                  }
              }

          })
          new tmp().$mount('com');
           
           
        },
        
    },
    
});


  </script>

http://cn.vuejs.org/v2/api/#vm-mount好好看看文档就知道了