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

如何在toastr内的按钮上处理click事件？

1 个答案: