Vue JS中的父/子方法

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開發工具中不斷收到以下錯誤： 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 個解決方案

解決方案1
1 已采納 2016-07-06 08:07:10

Vue JS中的父/子方法

問題描述

1 個解決方案

解決方案1 1 已采納 2016-07-06 08:07:10

解決方案1
1 已采納 2016-07-06 08:07:10