javascript - 關於vuejs讀取資料的問題

Question

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

#html程式碼

js程式碼

Answer 1

1. FileReader 用於本地讀取檔案的，一般只適用於

2. 而你的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] = '')

Answer 2

資料不是已經在this.newPost 裡面了麼？

你透過v-model把this.newPost的資料跟dom綁定在一起了，不去this.newPost裡面拿，反而從dom裡取得資料？