javascript - Problèmes de lecture des données dans Vuejs

Question

Comme le montre l'image, j'ai utilisé vuejs pour écrire une petite démo à publier, mais maintenant je ne peux lire que le champ img dans la publication. Comment lire tous les champs ?

code html

code js

Answer 1

1. FileReader est utilisé pour lire des fichiers localement, généralement applicable uniquement à <input type="file"></input>

2. Et votre titre et votre contenu n'ont rien à voir avec FileReader. Ils ne sont soumis qu'à vous data()中的newPost影响。所以你可以在creatPost里面的vm.post.push({img: this.result}) changé en

vm.post.push({
    title: vm.newPost.title,
    content: vm.newPost.content,
    img: this.result
})

// 同时在最后把post清空
Object.keys(vm.newPost).forEach(item => vm.newPost[item] = '')

Answer 2

Les données ne sont-elles pas déjà dans this.newPost ?

Vous avez lié les données this.newPost的数据跟dom绑定在一起了，不去this.newPost au dom via v-model Au lieu de les obtenir de

, vous obtenez les données du dom à la place ? 🎜