Нужно сделать динамический генерируемую таблицу

Делаю динамический генерируемую таблицу. Сейчас у меня в таблице помимо самой таблицы выводятся кавычки, скобки и запятые. Не получается их убрать. Как можно это сделать? Код:

createTable: function () {
  this.rowData = {}
  const values = Object.values(this.rowData)
  const innerArray = []
  for (let i = 0; i < this.rowNumb; i++) {
    innerArray.push('<tr>')
    for (let j = 0; j < this.colNumb; j++) {
      innerArray.push('<td><input></td>')
    }
    innerArray.push('</tr>')
  }
  values.push(innerArray)
  this.rowData = values
}

html:

<div>
        <table class="tasks_table">
          <tbody v-for="(item, index) in rowData"
            :key="index"
            v-html="item">
          </tbody>
        </table>
      </div>