javascript - 关于vuejs读取数据的问题

问题描述

问 题

如图所示，用vuejs写了一个发帖子的小小demo，但现在只能读取post里面的img字段，如何把全部字段读取出来？

html代码

js代码

解决方案

1. FileReader 用于本地读取文件的，一般只适用于<input type="file"></input>

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] = '')

这篇关于javascript - 关于vuejs读取数据的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！