Question

我的代码是

    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);

我在方法中有一个功能

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

当我单击showWindow时未调用。

我的html代码是

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

请帮助我解决问题。使用此工具，我可以显示数据，但是当我单击数据时，什么也没发生

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>";

您的上述代码有错误：

不应v-onclick=\"showWindow(this)\"

相反：

在v-on之后缺少（：）冒号

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

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

1 个答案: