问题标签 [vue-sweetalert2]

根据vue-sweetalert2文档，在我的 中main.js，我导入并使用了插件：

在我的组件中ContactForm.vue，我可以使用：

但是，当我 test:unit 这个组件时，我需要添加导入和Vue.use()

我得到一个错误：

FAIL tests/unit/ContactForm.spec.js ● 测试套件运行失败

有什么问题？

更新

第vue-sweetalert2/src/index.js2 行故障线路是：

这个包装器的开发者添加了一个index.d.ts文件

但似乎没有考虑在内。

我使用这个包https://www.npmjs.com/package/vue-sweetalert2并且我想将 Vue.swal 中的 vue 组件作为 html 过去。

但什么都没有。我是 VueJs 的新手，但我仍然不完全了解如何将我的组件插入为 html。

我目前正在尝试制作一个“创建”按钮，该按钮触发带有用户文本输入的弹出窗口，如下图所示。

如果它按我的意愿工作，它应该在单击“确定”按钮时存储在文本字段中写入的名称，然后该名称应该反映在如下页面上，因为我输入了自己的名字“Shinichi”作为输入。

但实际上，显示的是在下面代码的 alertDisplay() 方法中定义的硬编码对象。

如何传递名称并将其显示在屏幕上，而不是像附加图像中的对象？

作为编码培训，现在我正在制作一个网页，您可以在其中单击“创建”按钮，该按钮会触发一个弹出窗口，您应该在其中填写 6 个数据输入，其输入样式如文本、选择等。 （见下面的代码和附图）

从技术上讲，它正在工作。单击“创建”按钮时会显示弹出窗口，您可以填写所有 6 个空白并单击“确定”按钮。但我想添加一些功能来检查用户输入是否有效，我的意思是

• 地址应在 50 个字符以内
• 名字应在 20 个字符以内
• customerNumber 应包含字母和数字

等等。

如果是 C 或 Java，我可能会做类似的事情

，但是当谈到使用 Vue-SweetAlert2 在单个弹出窗口中验证多个输入时，我不知道该怎么做，而且我找不到任何解释得足够详细的页面。

如果它只是一个单一的输入，也许你可以inputValidor像这样使用

，但这个例子只涉及“一个输入”。另外，这个检查的只是“是否给出了IP地址”（，这意味着是否有一个值，它并没有真正检查IP地址的长度是否正确和/或是否输入字符串由数字/字母组成）。

另一方面，我要做的是“在单个弹出窗口中限制多个输入值（例如字符串的长度等）” 。知道我应该怎么做吗？

我正在构建一个拦截器来处理@nuxtjs/axios我的Nuxt应用程序中的错误，但是当我尝试vue-sweetalert2从 axios 插件调用以显示错误消息时，它会抛出我：$swal is not a function.

我有一个警报插件并将其导入到插件部分nuxt.config，我使用它全局导入 Sweetalert 并处理全局加载器，它在其他时刻有效，但在尝试从 axios 调用它时无效：

我的axios.js插件：

我也尝试将此代码添加到我的插件中，但没有成功：

如何从此 axios 实例调用 $swal？有没有办法访问 Nuxt 的this实例？

谢谢你的帮助。

下午好，我正在使用 SweetAlert 显示通知，查看官方 SweetAlert 文档，它们显示了一些示例，例如显示图像，但我想做的是显示一个 youtube 视频。

SweetAlert2

任何在 SweetAlert 上显示 Youtube 视频的建议。

我做过的一些例子是用 iframe 嵌入视频：

但我只想通过放置我可以看到视频的路径来做到这一点。

我需要防止 swal2 关闭，并以编程方式在回调函数中关闭它。我尝试在配置中传递 {"closeOnConfirm": false} 但不起作用。

我在我的项目中使用vue-select

当我使用 value 并输入替代 v-model

角色类别

改变角色（）

我使用甜蜜警报

选择后的下拉菜单未关闭

如何以编程方式关闭下拉菜单

我想更改按钮的变量名称。怎么做？

我使用的是 sweetalert2 "Swal.fire()" 而不是 "Swal()"

我正在尝试在 Sweetalert2 模态中使用 Vue3 组件。它会是这样的：

测试组件.vue

并在其他组件中使用 sweetalert 模态，例如：

我什至不知道这是否可能，但我看到了几个使用 Vue2 的例子，所以我想弄清楚如何在 Vue3 上做到这一点。

这样做，sweetalert 显示为空，并且在内部swal2-html-container有：

无需渲染实际组件。