vue es6字符串模版 绑定click事件不生效

Question

希望点击查看详情的时候绑定上事件，可是尝试好久一直不管用

使用的vue结合饿了么开发，现在是在一个组件里面使用自定义html，事件到底改怎么绑定啊

代码如下：

open () {
  this.$notify({
    title: '消息提醒',
    iconClass: 'iconfont icon-xiaoxitixing',
    customClass: 'customClass',
    dangerouslyUseHTMLString: true,
    message: `${this.message}
              <p>${this.messageSource}</p>
              <span @click=${this.openMessage}>查看详情</span>`,
    position: 'bottom-right',
    duration: 0
  })
},
openMessage () {
  console.log(123)
}

期待有伙伴解答，拜托

Answer 1

因为message支持Vue.VNode，你可以直接用VNode绑定事件。
如果想直接用字符串也能解决，单独绑定dom点击事件

let notify = this.$notify({
  title: '消息提醒',
  iconClass: 'iconfont icon-xiaoxitixing',
  customClass: 'customClass',
  dangerouslyUseHTMLString: true,
  message: `${this.message}
              <p>${this.messageSource}</p>
              <span>查看详情</span>`,
  position: 'bottom-right',
  duration: 0
});

notify.$el.querySelector('span').onclick = () => {
  this.openMessage();
};