Estou com um problema no meu projeto com Vue. quando passo um array como props para meu outro componente, este mesmo ao dar um console.log() ele printa um observer, mas nao o array que passei p ele.
this.valores = [1,2,3,4,5];
componente:
<spark-line :type="'line'" :data="this.valores" :height="'60'" :width="'100%'" :lineColor="'#1ab394'" :fillColor="'#ffffff'"></spark-line>
Mas no js o resultado é um observer, e nao um array
js:
export default {
props:['type','data','height','width','lineColor','fillColor'],
mounted: function(){
console.log(this.data);
$('#sparkline').sparkline(this.data, {
type: this.type,
width: this.width,
height: this.height,
lineColor: this.lineColor,
fillColor: this.fillColor
});
}
}
Alguem sabe o que pode ser?
Mas se eu colocar assim funciona:
export default {
props:['type','data','height','width','lineColor','fillColor'],
mounted: function(){
console.log(this.data);
$('#sparkline').sparkline([1,2,3,4], {
type: this.type,
width: this.width,
height: this.height,
lineColor: this.lineColor,
fillColor: this.fillColor
});
}
}