element UI message通知上添加按钮和点击事件

在 Element UI 中，可以使用 `this.$message()` 方法创建通知消息。要在通知消息上添加按钮和点击事件，可以通过 `this.$message()` 方法的第二个参数传递一个包含选项的对象，在选项对象中添加 `showClose` 属性和 `center` 属性来控制是否显示关闭按钮和消息居中。然后，可以使用 `this.$message()` 方法返回的 Promise 对象来添加按钮和点击事件。

以下是一个示例代码，它创建了一条带有按钮和点击事件的通知消息：

this.$message({
  message: '这是一条通知消息',
  type: 'success',
  showClose: true,
  center: true,
  duration: 0,
  dangerouslyUseHTMLString: true,
  offset: 50,
  customClass: 'my-message',
  onClose: () => {
    console.log('关闭通知消息');
  },
  onClick: () => {
    console.log('点击了通知消息');
  },
  render: (h, props) => {
    return h('div', [
      h('span', '这是一条带有按钮和点击事件的通知消息'),
      h('button', {
        on: {
          click: () => {
            console.log('点击了按钮');
          }
        }
      }, '按钮')
    ]);
  }
});

在上面的代码中，`message` 属性是消息内容，`type` 属性是消息类型，`showClose` 和 `center` 属性控制是否显示关闭按钮和消息居中。`duration` 属性控制通知消息的停留时间，`dangerouslyUseHTMLString` 属性控制是否使用 HTML 字符串渲染消息内容，`offset` 属性控制消息与顶部的距离，`customClass` 属性控制消息的自定义类名。`onClose` 属性是关闭通知消息时的回调函数，`onClick` 属性是点击通知消息时的回调函数。`render` 属性是用于自定义消息内容的渲染函数，通过该函数可以添加按钮和点击事件。