小道内のVuejsパラメータ

Question

VueJsで関数として小道具を渡すことは可能ですか？

<template> 
    <line-chart 
    class="card-content" 
    :chartData="lineData2('Temp')" 
    :options="options" 
    :width="800"> 
    </line-chart> 
</template> 

chartData小道具は方法として使用できますか？小道具にメソッドを渡す方法はありますか？

乾杯、

Answer 1

はいできます。関数が値を返す限り。すべてがうまくいくはずです。

Answer 2

あなたのやっていることによって異なります。あなたは、関数の結果を実際の関数を渡したいといない場合は、行うことができます：lineData2関数自体を渡します

<line-chart class="card-content" :chartData="() => lineData2('Temp')" :options="options" :width="800"></line-chart> 

 

を、しかし、それはまだ、親に実行されますコンポーネントスコープではなく、コンポーネントthisのコンテキストにアクセスすることはありません。ここで

はJSFiddleです：https://jsfiddle.net/rz8c1v4L/

あなただけの関数の結果を渡したい場合は、次に何をやっていることは結構です。

Answer 3

はい、できます。 Vueの書類に明記されているように、タイプのを記載することでそれを達成することができます。例えば、

Vue.component('example', { 
    props: { 
    propA: { 
     type: function 
    } 
    } 
}) 

また、このlink