Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Mixin方法发送Toast';不在主循环中时,s不工作_Javascript_Vue.js_Toast_Bootstrap Vue_Bootstrap Toast - Fatal编程技术网

Javascript 使用Mixin方法发送Toast';不在主循环中时,s不工作

Javascript 使用Mixin方法发送Toast';不在主循环中时,s不工作,javascript,vue.js,toast,bootstrap-vue,bootstrap-toast,Javascript,Vue.js,Toast,Bootstrap Vue,Bootstrap Toast,我正在使用VueJS和类似的Vue mixin方法,以便在我的组件中提供此toast方法: Vue.mixin({ methods: { makeSuccessToast(message, toaster) { this.$bvToast.toast(message, { title: 'Success', variant: 'success', toaster: toaster || 'b-toaster-bottom-r

我正在使用VueJS和类似的Vue mixin方法,以便在我的组件中提供此toast方法:

Vue.mixin({
  methods: {
    makeSuccessToast(message, toaster) {
      this.$bvToast.toast(message, {
        title: 'Success',
        variant: 'success',
        toaster: toaster || 'b-toaster-bottom-right',
        solid: true,
        autoHideDelay: 2000,
        noHoverPause: true,
        appendToast: true,
      });
    },
  },
});
当通过setTimeout或setIntervall调用此方法或使用lodash对其进行去抖动时,它不起作用。当试图通过引导vue的toast助手在主循环进程之外制作toast时,它根本不起作用。有人知道解决办法吗

在VueJS组件内无法工作时的示例:

通过组件
方法中的
setTimeout

    doSomething() {
      setTimeout(() => {this.makeSuccessToast('Something happened')}, 2000);
    }
通过lodash的debounce:

  data(){
    this.dsth: ()=>{};
  },
  methods:{
    doSomething() {
      this.makeSuccessToast('Something happened');
    }
  },
  mounted() {
   this.dsth = this._.debounce(this.doSomething, 5000);
  }
编辑

我没有意识到我在一个被移除的组件中干杯。Toast应该是一个关于此组件已被删除的通知。烤面包会消失,一旦组件被删除,所以这就是为什么我认为它不工作。解决方案是通过以下方式在Mixin方法中的根元素上分配烤面包:


this.$root.$bvToast.toast(…)

您能提供一种重现问题的方法吗?我看不到任何东西可以阻止它以这种方式而不是另一种方式工作。您确定它在没有设置超时的情况下工作吗?是的,它在没有设置超时的情况下工作。您需要什么来复制它?Stackblitz、Codesandbox等可以很好地调试它。您使用什么?网页包vue.js,vue CLI,只是一个CDN链接?我们需要更多的解释。嘿,谢谢你对这个感兴趣。我刚刚意识到我在一个组件中调用它,该组件在发送toast时被删除,这样toast就不会出现。很抱歉,我没有尽早意识到这一点。你能提供一种重现问题的方法吗?我看不到任何东西可以阻止它以这种方式而不是另一种方式工作。您确定它在没有设置超时的情况下工作吗?是的,它在没有设置超时的情况下工作。您需要什么来复制它?Stackblitz、Codesandbox等可以很好地调试它。您使用什么?网页包vue.js,vue CLI,只是一个CDN链接?我们需要更多的解释。嘿,谢谢你对这个感兴趣。我刚刚意识到我在一个组件中调用它,该组件在发送toast时被删除,这样toast就不会出现。我很抱歉我的坏朋友没有早点意识到这一点