Question

我试图在子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 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>

Answer 1

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

Vue JS中的父/子方法

1 个答案: