Vue.js 2コンポーネントからルートインスタンスにデータを渡す

Question

私はAJAXリクエストを行うコンポーネントを持っています。コールバック関数では、親インスタンスまたはルートインスタンスに値を戻したい。

ように、コンポーネントの例のための私のコールバック関数は次のとおりです。

function callbackFunc(vm, response){ 
    vm.$emit('setValue', response.id); 
} 

と私のルートインスタンスに私はこのようなのsetValueと呼ばれる方法を使用して試してみた：

export default { 
    name: 'app', 
    data() { 
    return { 
     value : '' 
    } 
    }, 
    methods: { 
    setValue: function(value){ 
     console.log(value); 
    } 
    } 
} 

これにはありません作業。ドキュメントには、テンプレート内にイベントを入れる必要があると言われていますが、この場合はうまくいかないでしょう。

アイデア？

乾杯！

Answer 1

私はvue-routerを使用しています。だから、アプリの 成分を持つルート要素がありますし、その後、親コンポーネントのテンプレートでは AJAX呼び出し

を持ってこんにちはと呼ばれるthere'stheコンポーネントを使用するには、VUE-ルータが置かれる場所である<router-view><\router-view>を持っていますあなたの子供。すべてを配線するには、テンプレートにディレクティブを追加する必要があります。

<router-view v-on:setValue="parentMethod" ><\router-view> 

子供がAJAX呼び出し後$emit("setValue")を呼び出し

が、それは親に parentMethod()をトリガします。あなたがなぜそれがテンプレートにそれを取り込むことができないと言うのかは明らかではありません。テンプレートがなければ、実際には親子関係はありません。