javascript - 如何处理 toastr 中按钮的点击事件？

Question

我想处理 toastr 中的按钮点击事件。我正在使用这个库:https://www.npmjs.com/package/vue-toastr-2

这是我的代码:

var app = new Vue({
  el: '#app',
  data: {
    message: 'vue-toastr-2'
  },
  created: function() {
    this.$toastr.success('Click here to fire an event <button @click="clickMe">Hello</button>', 'Title');
  },
  methods: {
    clickMe() {
      alert('Clicked');
      // write some more code 
    }
  }
})

基本上，我希望当单击 clickMe 时，应该调用我在组件中的函数。我该怎么做？

这是我的 jsfiddle:https://jsfiddle.net/75154x8w/2/

Answer 1

var app = new Vue({
  el: '#app',
  data: {
    message: 'vue-toastr-2'
  },
  created: function() {
    this.$toastr.success('Click here to fire an event <button onclick="app.clickMe()">Hello</button>', 'Title');
  },
  methods: {
    clickMe() {
      alert('Clicked');
    }
  }
})