Q&A
[教えていただきたいこと。]
親idの中に子idを作成して、vue.jsのメソッドを作成したときにエラーが発生する理由が知りたいです。また、このようなことは、ドキュメントのどの部分を参照したらいいのか。教えていただきたいです。(親DOMがあり、子DOMそれぞれvue.jsで処理を個別に設定したい案件がありこのような質問をさせていただいています。)
このような書き方はできないのでしょうか。
[具体的なソース]
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> </head> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> <body> <div id="parent"> <button v-on:click="alert1">クリック１</button> <button id="child" v-on:click="alert2">クリック２</button> </div> </body> <script> var parent = new Vue({ el: "#parent", data: () => { return { data: '' } }, methods: { alert1: function() { alert('alert1'); } }, }); var child = new Vue({ el: "#child", data: () => { return { data: '' } }, methods: { alert2: function() { alert('alert2'); } }, }); </script> </html>
[エラーの内容]
ブラウザで読み込んだ時に以下のエラーが表示されます。
回答2件
0
ベストアンサー
alert2もparentのmethodsに書いてはどうですか？
これは必要ないと思います。
var child = new Vue({ // code })
投稿2020/07/29 04:26
総合スコア257
0
Vueは、ここでいうparentにJSを展開して描画しています。
質問者様のような使い方を見たことがないので、Vueの公式サイトからご質問をしたほうが良いと思います。
投稿2020/07/29 05:44
総合スコア271
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/07/29 04:40
2020/07/29 04:45
2020/07/29 09:29
2020/07/30 05:03