sweetalert2 相关问题

所以我将此组件包含在我的主布局文件中，它看起来像这样：从“@inertiajs/vue3”导入{usePage}；从“vue”导入{计算}；常量...</desc> <question vote="0"> <p>所以我将此组件包含在我的主布局文件中，它看起来像这样：</p> <pre><code><script setup> import {usePage} from "@inertiajs/vue3"; import {computed} from "vue"; const page = usePage() const message = computed(() => page.props.flash.message) if (message) { Swal.fire({ text: 'Success!', icon: 'success', toast: true, showConfirmButton: false, position: 'bottom', timer: 3500 }); } </script> </code></pre> <p>以上是我一直在玩的东西。现在，它甚至在提交任何表单之前都会立即显示闪存消息。我只想在成功提交表单时显示它。我认为最好的办法是在成功提交表单后仅包含该组件一次。但由于该消息总是立即显示，所以到目前为止我一直在尝试上述操作但没有成功。</p> <p>我从我的控制器重定向回来，并显示一条闪现消息，如下所示：</p> <pre><code>return redirect()->route('user.dashboard')->withMessage('It works'); </code></pre> <p>在我的 HandleInertiaRequests 中间件中我添加了：</p> <pre><code>return array_merge(parent::share($request), [ 'flash' => [ 'message' => session('message') ] ]); </code></pre> <p>我知道我可以像这样在 div 中显示消息，并且这是有效的：</p> <pre><code><div v-if="$page.props.flash.message">{{ $page.props.flash.message }}</div> </code></pre> <p>但这不是我想要的，我想显示 sweetalert 消息，并且只显示一次。</p> </question> <answer tick="false" vote="0"> <p>如果我理解正确的话，你想显示一次警报。此代码仅在安装组件时才会弹出 SweetAlert。</p> <pre><code><script setup> import { usePage } from "@inertiajs/vue3"; import { onMounted, computed } from "vue"; const page = usePage(); const message = computed(() => page.props.flash.message); onMounted(() => { if (message.value) { Swal.fire({ text: message.value, icon: 'success', toast: true, showConfirmButton: false, position: 'bottom', timer: 3500 }); } }); </script> </code></pre> <p>但是，您应该在显示 SweetAlert 后清除闪现消息。</p> </answer> </body></html>

php laravel vuejs3 inertiajs sweetalert2

回答 0 投票 0

Sweetalert 在 Google 跟踪代码管理器中工作吗？

我一直在将代码从 Sweetalert 复制并粘贴到 Google 跟踪代码管理器中。它不会出现在预览中，并且在提交到网站后也不会出现。 Sweetlart 在 Google 跟踪代码管理器中工作吗...

google-tag-manager sweetalert sweetalert2

回答 2 投票 0

如何加载额外的loader？

我正在将我的 Angular 应用程序从 Angular 7 升级到 Angular 15。使用 SweetAlert，出现以下错误。 ./node_modules/sweetalert2/src/sweetalert2.scss?ngGlobalStyle:1:0 - 错误：模块解析失败...

angular sweetalert2

回答 1 投票 0

sweetalert 不在 vue3 的异步方法中等待

我正在尝试将 SweetAlert2 与 Vue3（组合 API）一起使用。使用以下代码，警报不会等待单击其按钮： onBeforeMount(async() => { Swal.fire('测试消息');