成功保存数据时,在Vue中显示的成功消息
P粉878510551
P粉878510551 2023-08-29 22:36:10
[Vue.js讨论组]

axios
            .post(
              "/api/product/store",{
                   id: this.id
               })
            .then((res) => {
              var variant = "danger";
              var icon = "XIcon";
              var message = "Thất bại";
              if (res.data.error == 0) {
                var variant = "success";
                var icon = "ArrowDownCircleIcon";
                var message = res.data.message;
                window.location.reload();
              }
              this.$toast({
                component: ToastificationContent,
                props: {
                  title: message,
                  icon: icon,
                  variant: variant,
                },
              });
            })
            .catch((error) => {
            });

我的问题是:当消息显示时,它只会加载页面,因此当页面重新加载时,它会丢失消息。有没有办法重新加载上一页,然后显示以下消息?谢谢。

P粉878510551
P粉878510551

全部回复(1)
P粉037215587

重新加载页面有什么意义呢?如果你想在用户界面上显示更新的数据,Vue会自动为你完成。所以你不需要这样做。

或者,如果页面重新加载对你来说是必须的,你可以将提示信息放在根页面,并从当前子页面调用它。在这种情况下,无论你是否重新加载页面,消息都会被显示出来。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号