javascript - Masalah membaca data dalam vuejs

Question

Seperti yang ditunjukkan dalam gambar, saya menggunakan vuejs untuk menulis demo kecil untuk siaran, tetapi sekarang saya hanya boleh membaca medan img dalam siaran.

kod html

kod js

Answer 1

1. FileReader digunakan untuk membaca fail secara setempat, secara amnya hanya terpakai untuk <input type="file"></input>

2. Dan tajuk serta kandungan anda tiada kaitan dengan FileReader. Mereka hanya tertakluk kepada anda data()中的newPost影响。所以你可以在creatPost里面的vm.post.push({img: this.result}) ditukar kepada

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

Bukankah data sudah ada dalam this.newPost?

Anda mengikat this.newPost的数据跟dom绑定在一起了，不去this.newPost data ke dom melalui v-model daripada mendapatkannya daripada

, sebaliknya anda mendapat data daripada dom? 🎜