Mise à jour des données de propriété / objet vue.js
est-il un moyen pour que je puisse mettre à jour par programmation la data
objet /propriété vue.js? Par exemple, quand mon composant charge, mon objet de données est:
data: function () {
return {
cars: true,
}
}
Et après un événement est déclenché, je veux le data
objet:
data: function () {
return {
cars: true,
planes: true
}
}
J'ai essayé:
<script>
module.exports = {
data: function () {
return {
cars: true
}
},
methods: {
click_me: function () {
this.set(this.planes, true);
}
},
props: []
}
</script>
Mais cela me donne l'erreur this.set is not a function
. Quelqu'un peut-il aider?
Merci d'avance!
Pouvez-vous nous montrer le contexte dans lequel vous avez écrit
Oui, je viens de mettre à jour ma question.
this.set
?Oui, je viens de mettre à jour ma question.
OriginalL'auteur Trung Tran | 2016-11-06
Vous devez vous connecter pour publier un commentaire.
Vue ne permet pas l'ajout dynamique de nouveaux au niveau de la racine propriétés réactives à une instance déjà créée. Toutefois, il est possible d'ajouter des propriétés réactives à un objet imbriqué, de Sorte que vous pouvez créer un objet et ajoutez une nouvelle propriété comme ça:
et l'ajout de la propriété avec la méthode set:
pour
vue 1.x
utilisationVue.set(this.someObject, 'planes', true)
réactivité
vue.common.js?e881:2964 Uncaught TypeError: exp.trim is not a function(…)
c'est semble vue 1.x essayez cette
Vue.set(this.someObject, 'planes', true)
OriginalL'auteur ABDEL-RHMAN