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에 들어있지 않나요?

v-model을 통해 this.newPost的数据跟dom绑定在一起了，不去this.newPost 데이터를 dom에 바인딩했습니다.

에서 데이터를 가져오는 대신 dom에서 데이터를 가져오나요? 🎜