Vuejs Parameter in Requisiten

Question

Ist es möglich Requisiten als Funktionen auf VueJs zu übergeben?

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

Die chartData Stütze kann als Methode verwendet werden? Gibt es eine Möglichkeit, eine Methode auf eine Requisite zu übertragen?

Prost,

Answer 1

Ja können Sie. Solange Ihre Funktion einen Wert zurückgibt. Alles sollte funktionieren.

Answer 2

Es hängt davon ab, was Sie versuchen zu tun. Wenn Sie eine tatsächliche Funktion zu übergeben wollen und nicht das Ergebnis einer Funktion können Sie tun:

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

 

, die die lineData2 Funktion übergeben wird selbst aber wird es noch im Mutter ausgeführt werden Bereich und nicht im Komponentenumfang, so dass es keinen Zugriff auf die Komponenten this Kontext haben wird.

Hier ist ein JSFiddle: https://jsfiddle.net/rz8c1v4L/

Wenn Sie nur das Ergebnis der Funktion zu übergeben wollen, dann, was Sie tun in Ordnung ist.

Answer 3

Ja können Sie! Sie können das erreichen, indem Sie den Typ Ihrer Stütze erwähnen, wie es eindeutig in Vues Dokumentation geschrieben ist. Für z.B.

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

Auch Kasse diese link