Vue-toastr和Vue2如何为toastr设置全局选项？

Question

我在Laravel 5.5和Vuejs 2项目中使用vue-toastr。

祝酒词正常显示，但是我想在全球范围内设置一些选项，比如位置......

我无法做到这一点。

在我的app.js文件中，我已经从vue-toastr导入了toastr，需要样式然后Vue.component('vue-toastr', Toastr);。

我已经在我的app.js上试过了this.$refs.toastr.defaultPosition = "toast-bottom-left"，就像文档说的那样但却给了我一个错误Cannot read property 'toastr' of undefined

任何帮助？

Answer 1

如涵盖in the documentation：

  

添加组件html：for vue 1.x

<vue-toastr v-ref:toastr></vue-toastr> 

     

为vue 2.x添加组件html：

<vue-toastr ref="toastr"></vue-toastr>

然后你可以使用

this.$refs.toastr.defaultPosition = "toast-bottom-left"