0

子 VUE インスタンス内でメソッドを呼び出そうとしていますが、それが機能していないように見える理由がわかりません。

私のビューは次のとおりです。

親

var content = new Vue({
    el: '.content-container',
});

子

var vm = new Vue({
    el: '#form',
    parent: content,
    data: {
        postcode: null,
    },
    methods: {
        lookupAddress: function (event) {
            event.preventDefault();
            // Lookup Address
        },
    },
});

ただし、Vue Dev Tools 内で次のエラーが発生し続けます。v-on:click="lookupAddress" expects a function value, got undefined

子インスタンスのメソッドを取得しない理由について何か考えはありますか? childs 要素内でメソッドを呼び出しています。

編集 私の HTML マークアップは次のとおりです。

<body>
    <div class="content-container">
        <form id="form">
            ...
        </form>
    </div>
</body>
4

1 に答える 1

1

私がここで見ていることに基づいて、あなたの問題は、2 つの Vue インスタンスを作成していることです。インスタンス間でデータとメソッドを共有することが難しくなります。単一のインスタンスを作成し、コンポーネントを使用して脚の作業を行う方がはるかに簡単です。いくつかの読書: http://vuejs.org/guide/components.html

于 2016-07-06T08:07:10.223 に答える