Создание небольших компонентов во время выполнения

Question

У меня проблема с работой с JQuery DataTable. Мне пришлось использовать этот плагин, поскольку у меня не было другого выбора из-за требований моего проекта.

Итак, проблема в том, что я добавляю строки в DataTable, и в строке есть столбецс кнопкой HTML-тег.Теперь я хочу привязать обработчик щелчка к кнопке.

dt.Rows.Add({
   column_1_data,
   column_2_data,
   "<button @click='itsVueTime'>MyButton</button>"
});

Здесь dt - экземпляр DataTable.Теперь проблема в том, что @click не будет работать.Я понимаю, что он не обрабатывается Vue, поэтому он не работает.

Есть ли способ связать событие клика в этом состоянии?

Answer 1

Не зная больше контекста, я бы порекомендовал этот способ сделать

В вашем компоненте с помощью метода, который вы хотите использовать, вы можете выставить этот компонент следующим образом.(Я использую смонтированный, но вы можете использовать и другие методы жизненного цикла, такие как created)

  mounted() {
    window.app = this;
  }

, тогда вы можете использовать

<button onclick="app.holler()">Say Hello</button>

, вы также можете использовать только ту функцию, которую хотитеиспользовать как так

  mounted() {
    window.itsVueTime = this.itsVueTime;
  }