お世話になっております。
Vue.js + nuxt.js
の環境で、ダイアログを使用したいと思い、vuejs-dialogをインストールしました
https://www.kabanoki.net/5681/
のサイトを参考にし、下記のコーディングをしました。
ページを開き、funcA()を起動すると、ダイアログが出ます。
その後、F5キーなどで再更新をするとエラー画面となり
「ReferenceError: window is not defined」
と表示されます。
https://note.com/in_colors_net/n/n1a9bc57fe15d
を参考にし、Vueの中でimportを行うと、エラーにはならないのですが、
this.$dialog.alert()
が動作しません。
・再更新してもエラーにならない
・ダイアログが正常動作する
そのために、どうすればよいか分かる方いらっしゃいましたら、よろしくお願いいたします
// import into project import Vue from 'vue'; import VuejsDialog from 'vuejs-dialog'; import VuejsDialogMixin from 'vuejs-dialog/dist/vuejs-dialog-mixin.min.js'; // include the default style import 'vuejs-dialog/dist/vuejs-dialog.min.css'; // Tell Vue to install the plugin. Vue.use(VuejsDialog); ・ ・ ・ methods:{ funcA:function(){ this.$dialog.alert('Request completed!').then(function(dialog) { console.log('Closed'); } }
回答1件
あなたの回答
tips
プレビュー