Vex对话框点击按钮后自动关闭问题求助

数据老陈

2026-5-20

解决Vex对话框点击按钮后自动关闭的问题

这是Vex的默认行为——对话框的按钮点击后会自动触发关闭动作。要让对话框保持打开，只需要在按钮的回调函数里返回false，就能阻止这个默认的关闭逻辑。

具体实现步骤：

尽量避免使用vex.dialog.alert/confirm这类快捷方法（它们默认绑定了自动关闭逻辑），改用vex.dialog.open来完全自定义对话框的内容和按钮行为
在需要保持对话框打开的按钮回调中，执行完你的任务代码后返回false
如果需要手动关闭对话框，可以调用vex.close(对话框ID)方法来主动触发关闭

示例代码：

vex.dialog.open({
  message: '请在对话框内完成相关操作',
  input: '<textarea placeholder="输入任务内容"></textarea>', // 你的自定义交互内容
  buttons: [
    {
      text: '执行当前任务',
      className: 'vex-dialog-button-primary',
      click: function($vexContent) {
        // 这里编写你需要执行的任务逻辑
        const taskContent = $vexContent.find('textarea').val();
        console.log('当前任务内容：', taskContent);
        
        // 返回false，阻止对话框自动关闭
        return false;
      }
    },
    {
      text: '关闭对话框',
      click: function($vexContent) {
        // 手动关闭当前对话框
        vex.close($vexContent.data().vexId);
      }
    }
  ]
});