Javascript 向在vue.js中动态创建的表中添加按钮

我试图动态创建显示在表的第5列（最后一列）中的按钮，这也是动态创建的。一切都是正确创造的。但是，单击按钮后，不会触发该功能。可能是因为我正在使用vue.js开发我的前端。我尝试过在

按钮中使用“v-on:click”而不是“click”。setAttribute（'click'，'claim（）'）

下面的代码，但这没有帮助

  var table = document.createElement('table')
  for (var i = 1; i <= 5; i++) {
    var th = document.createElement('th')
    th.appendChild(header)
    table.appendChild(th)
  for (var j = 1; j <= 4; j++) {
    var tr = document.createElement('tr')
    for (var k = 1; k <= 5; k++) {
      var td = document.createElement('td')
      var node = document.createTextNode(k)
      td.appendChild(node)
      tr.appendChild(td)
      if (k === 5) {
        var button = document.createElement('input')
        button.setAttribute('type', 'submit')
        button.setAttribute('value', 'Purchase')
        button.setAttribute('click', 'purchase()')
        td.appendChild(button)
      }
    }
    table.appendChild(tr)
  }

var table=document.createElement（'table'））
对于（var i=1；i您需要使用
addEventListener
来添加任何事件。例如：
按钮。addEventListener（'click'，purchase）


var-app=document.getElementById（“app”）；
var table=document.createElement（'table'）；
app.appendChild（表）
对于（var i=1；我非常感谢您的时间和回答。这确实有效！