vue.js - 如何改变 vue-toasted 弹出的方向

Question

我正在使用 vue-toasted 来显示通知。

默认情况下，它会弹出到顶部。

代码：

<v-btn @click="onTest" />
...

onTest() {
  this.$toast.info('Test!', {
    containerClass: 'toasted-container',
    className: 'toasted',
    keepOnHover: true,
  })
},

nuxt.config.js：

toast: {
  duration: 3800,
  action: {
    icon: 'mdi-close-circle',
    onClick: (e, toastObject) => {
      toastObject.goAway(0)
    },
  },
  iconPack: 'mdi',
  icon: 'mdi-check-circle',
},

吐司从顶部弹出。我尝试添加一些 CSS，例如transition. 我不熟悉CSS，所以我猜它是错误的。

如何将其更改为从右到左？我在他们的GitHub 上找不到任何信息。

标签： vue.jsnuxt.jsvue-toasted

Answer 1

vue-toastedv1.1.27 仅支持向上或向下动画。它没有添加新动画的 API。