JavaScript - vuejs でのデータの読み取りに関する問題

Question

図に示すように、vuejs を使用して投稿用の小さなデモを作成しましたが、投稿内の img フィールドのみを読み取ることができます。すべてのフィールドを読み取るにはどうすればよいですか?

htmlコード

jsコード

Answer 1

1. FileReader はローカルでファイルを読み取るために使用され、通常は <input type="file"></input>

にのみ適用されます

2. そしてあなたのタイトルと内容はFileReaderとは何の関係もありません。それらはあなたにのみ適用されますdata()中的newPost影响。所以你可以在creatPost里面的vm.post.push({img: this.result})は

に変更されました

リーリー

Answer 2

データはすでにthis.newPostに入っていませんか？

データを this.newPost的数据跟dom绑定在一起了，不去this.newPost から取得する代わりに、v-model を介して dom にバインドしていますか?