Discussion :

[Jiyuu]

Toujours en phase d'apprentissage de Vue.js, j'aimerai pouvoir utiliser computed dans un Vue.Component dans le but de créer un nouveau "props" accessible dans mon template.
Voici un l'extrait de mon code qui est concerné :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
Vue.component('vue-section', {
	template: '#sectionTemplate',
	props: {
		num: Number,
		var1: {
			type: Number,
			default: 10.258
		},
		var2: {
			type: Number,
			default: 9
		},
	},
 
	computed: { 
		var3: function(){
			var var3 = 0;
			var3= this.var1 - this.var2;
			return var3.toFixed(2);
		}
	}
});

Malheureusement, le template ne s'affiche pas.
A noter que si j'utilise cette fin de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
computed: { 
		var3: function(){
			var var3 = 0;
			var3 = 10.2378;
			return var3.toFixed(2);
		}
	}

Tout s'affiche comme il faut.

Pouvez-vous m'aiguiller sur l'erreur que je fais ?

D'avance merci.


J

[gwyohm]

salut,

je ne vois pas d'erreur dans le code que tu soumets.
Petit détail quand même, la valeur default d'une props est utilisée si la props en question n'est pas dans le template. Si la valeur de la props que tu passes est undefined, to n'auras pas ta valeur par défaut, mais undefined. ça pourrait être ça ?

[Jiyuu]

Hello,

Merci pour ta réponse.
Je ne pense pas car j’ai tenté sans default value et j’ai le même problème.
Je posterai mon code complet (pas possible pour le moment) en le simplifiant pour n’avoir que ce qui est concerné :
- ça sera plus parlant ;
- avec du bol ça me permettra peut être de mettre le doigt sur le bogue.

A +

[Jiyuu]

Très tardivement et je m'en excuse, je reviens ici.
La simplification de mon code à donné satisfaction. Le morceau ci-dessus fonctionne bien et l'erreur devait venir d'ailleurs finalement.


à toi.


J