为什么在vue js中不使用v-on click调用函数？

Question

My code is

    var div = "<div class=\"liveContent\" id=\""+this.id+"\" refid=\""+refresh+"\" v-onclick=\"showWindow(this)\"><table><tr><td style=\"padding-left:10px;\"><b>"+this.animal+"</b><br>"+this.time+"<br>"+this.username+"</td></tr></table></div>";

$("#liveScroll").prepend(div);

And I have a function in methods as

 methods: {
  showWindow: function(e){
    alert(true);
  }
  },

When I click showWindow is not calling.

My html code is

<div id="liveScroll" class="liveScroll"></div>

Please help me to have a solution. Using this I am able to display the data but when I click on data nothing happens

Answer 1

var div = "<div class=\"liveContent\" id=\""+this.id+"\" refid=\""+refresh+"\" v-onclick=\"showWindow(this)\"><table><tr><td style=\"padding-left:10px;\"><b>"+this.animal+"</b><br>"+this.time+"<br>"+this.username+"</td></tr></table></div>";

Your above code have mistake :

it should not v-onclick=\\"showWindow(this)\\"

instead :

missing ( : ) colon after v-on

v-on:click=\\"showWindow(this)\\"