this.$msgbox自定义提示框

2024.10.23今天我学习了提示框进行自定义设置，代码如下：

          this.$msgbox({
            title: '提示',
            message: `
           <div>
             <div style="font-weight: bold;">点击之后将会立即发送一条通知</div><br/>
                <div style="display: flex;justify-content: flex-end">
                  <button id="cancelButton" class="cancel_button">取消</button>
                  <button id="noSaveButton" class="no_save_button">发送并不保存</button>
                  <button id="saveButton" class="save_button">发送并保存</button>
                </div>
          </div>
                    `,
            dangerouslyUseHTMLString: true, // 允许使用 HTML 内容
            showCancelButton: false, // 不显示取消按钮
            showConfirmButton: false, // 不显示确定按钮
            beforeClose: (action, instance, done) => {
              this.$msgbox.close();
            },
          });