Vue Common - Utils - ui - Methods

hideToasts()

Hides all the Toast components in the application.

import toast from "devextreme-vue/hide-toasts"

The code below uses a Button to hide all the Toast components on click.

App.vue
  • <template>
  • <DxButton
  • text="Hide all Toasts"
  • @click="onClick"
  • />
  • </template>
  •  
  • <script>
  • import { DxButton } from 'devextreme-vue/button';
  • import hideToasts from 'devextreme/ui/toast/hide_toasts';
  •  
  • export default {
  • methods: {
  • onClick() {
  • hideToasts();
  • }
  • }
  • }
  • </script>