0

我试图在子 VUE 实例中调用一个方法，但我不知道为什么它似乎不起作用。

我的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 开发工具中不断收到以下错误：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

根据我在这里看到的情况，您的问题是您正在创建两个 Vue 实例。在实例之间共享数据和方法变得很困难。创建单个实例并使用组件来完成工作要简单得多。一些阅读：http: //vuejs.org/guide/components.html

于 2016-07-06T08:07:10.223 回答