子VUEインスタンス内でメソッドを呼び出そうとしていますが、なぜ動作していないのかわかりません。Vue JSの親/子メソッド
次のように私のVueがある:
var vm = new Vue({
el: '#form',
parent: content,
data: {
postcode: null,
},
methods: {
lookupAddress: function (event) {
event.preventDefault();
// Lookup Address
},
},
});
親
var content = new Vue({
el: '.content-container',
});
子供はしかし、私はVueの開発ツール内で次のエラーを取得しておいてください。v-on:click="lookupAddress" expects a function value, got undefined
子インスタンスのメソッドを選択しない理由についてのアイデアはありますか?私はchilds要素内のメソッドを呼び出しています。
編集 次のように私のHTMLマークアップは次のとおりです。私はここにあなたの問題を見ているものに基づい
<body>
<div class="content-container">
<form id="form">
...
</form>
</div>
</body>
あなたのマークアップが@YerkoPalma –
を追加しましたHTMLを必要とされますが、おそらくそれは、メソッドlookupAddressが親VUEにする必要があります考えているので(それは子供を見ていないです)。ネストされたvueインスタンスを作成する必要があるかどうかは不明ですが、おそらく子コンポーネントのコンポーネントを調べるのでしょうか? –
だけの推測の上 – temporalslide