引入elementUI如何查看里面的api

Question

我现在在vue里面引入了messagebox，关闭弹出框调用了this.$msgbox.close()，请问这个close方法的api是在哪里看的呢？在官方文档的elementUI那里没有看到这个api的方法，麻烦大家的解答，谢谢

Answer 1

引自免费微信小程序：皆我百晓生

首先，关于查看ElementUI的API，你可以在其官方网站上找到。通常，ElementUI的API文档会列出所有的组件和对应的方法，包括属性、事件、插槽等。你可以访问ElementUI的官方站点，然后在文档中找到对应的组件，查看其API。

关于你提到的this.$msgbox.close()，这个方法应该是ElementUI的MessageBox组件的方法。但是，ElementUI的MessageBox组件并没有提供一个名为close的方法。通常，一个弹窗或者消息框的关闭会通过一个返回值或者事件来处理，而不是直接调用一个close方法。你可能需要查看ElementUI的MessageBox组件的文档，了解它是如何通过用户操作（如点击关闭按钮）来关闭的。

对于你的代码部分，我看到你在使用this.$alert来显示一个包含二维码的弹窗，并在支付状态为200时尝试关闭这个弹窗。我猜测你可能使用的是ElementUI的Dialog组件而不是MessageBox组件。Dialog组件可以通过v-model绑定一个变量来控制其显示和隐藏，你可以通过改变这个变量的值来关闭弹窗。例如：

this.dialogVisible = false; // dialogVisible是控制Dialog显示的变量
this.$alert(content, '标题', {
  confirmButtonText: '确定',
  callback: action => {
    this[action](); // 对应的是确定操作的函数
  }
});

然后在支付成功的条件下设置dialogVisible为false即可关闭弹窗。具体的实现方式还需要根据你的代码逻辑来设定。如果你可以确认你使用的是Dialog组件而不是MessageBox组件，你可以在ElementUI的官方文档中找到更详细的用法和示例。如果你还有其他问题或者需要进一步的帮助，请提供更多的代码或者描述你的具体情况。