muiconfirm 如何配置 打开和关闭对话框 只 调用一次

可以通过以下步骤实现：

1. 在Vue组件中引入mui.js和mui.css。

2. 定义一个变量来控制对话框的打开和关闭，例如isOpen。

3. 在需要打开对话框的方法中，设置isOpen为true。

4. 在mui.confirm方法中，设置onclose回调函数，当对话框关闭时，将isOpen设置为false。

5. 在组件的template中，使用v-if指令来控制对话框的显示和隐藏。

下面是示例代码：

<template>
  <div>
    <button @click="openDialog">打开对话框</button>
    <div v-if="isOpen">
      <!-- 对话框内容 -->
      <div class="mui-popup">
        <div class="mui-popup-inner">
          <div class="mui-popup-title">提示</div>
          <div class="mui-popup-text">确定要删除吗？</div>
        </div>
        <div class="mui-popup-buttons">
          <span class="mui-popup-button" @click="closeDialog">取消</span>
          <span class="mui-popup-button mui-popup-button-bold" @click="confirm">确定</span>
        </div>
      </div>
      <div class="mui-popup-backdrop"></div>
    </div>
  </div>
</template>

<script>
import mui from 'mui'

export default {
  data() {
    return {
      isOpen: false
    }
  },
  methods: {
    openDialog() {
      this.isOpen = true
    },
    closeDialog() {
      this.isOpen = false
    },
    confirm() {
      // 处理确认操作
    }
  },
  mounted() {
    mui.init()
  }
}
</script>

<style>
/* 样式省略 */
</style>