javascript - 關于vuejs讀取數據的問題

問題描述

如圖所示，用vuejs寫了一個發帖子的小小demo，但現在只能讀取post里面的img字段，如何把全部字段讀取出來？

html代碼

js代碼

問題解答

FileReader 用于本地讀取文件的，一般只適用于<input type='file'></input>

而你的title和content與FileReader沒什么關系。它們只受到你data()中的newPost影響。所以你可以在creatPost里面的vm.post.push({img: this.result})改為

vm.post.push({ title: vm.newPost.title, content: vm.newPost.content, img: this.result})// 同時在最后把post清空Object.keys(vm.newPost).forEach(item => vm.newPost[item] = ’’)回答2：

數據不是已經在this.newPost 里面了么？

你通過v-model把this.newPost的數據跟dom綁定在一起了，不去this.newPost里面拿，反而從dom里獲取數據？