【vue.js】确认功能

在日常设计中，有一个应用场景很常见，就是确认。当我们需要进行一次重要操作的时候，比如说注销，是很有必要设计一层确认的。常规的确认功能就是会跳出一个弹窗，让你选择是否继续，如果继续则继续操作，返回或者直接关掉弹窗则视为取消。我写这篇文章的原因是我在 iview 官网的组件中并没有找到想要的内容，就参考了下同事的实现。

logout() {
        this.$Modal.confirm({
          title: '请确认',
          content: `确认将注销当前用户`,
          okText: '继续注销',
          onOk: () => {
            localStorage.setItem('isLogin', 'false')
            this.$router.replace('/login')
          },
          onCancel: () => {
            UserLoading.btnResetLoading(this)
          }
        })
        this.editDisplayModal = false
      }

只需要在第二段的 <script> 中修改下具体方法，在 onOk() 之后放上正确的处理，其他按照上面的模板即可使用。