v-model에서 입력 유형="file"을 지원하지 않습니다.

v-model에서 입력 유형="file"을 지원하지 않습니다.

사용할 수 없습니다v-model파일 입력에 대해 Vue가 말하길v-on:change네, 그럼 제가v-on:change단, 입력 파일의 '콘텐츠'를 어떻게 바인드할 수 있을까요?data부동산?

컴포넌트에 바인드한다고 칩시다.this.file:

export default {
  data() {
    file: null
  },
  // ...
}

HTML 부분은 다음과 같습니다.

<input id="image" v-on:change="???" type="file">
<!--                           ^- don't know how to bind without v-model -->

제본은 어떻게 해야 하나요?

에서onchange이벤트 이벤트 객체를 함수에 전달하고 처리해야 합니다.

onFileChange(e) {
  var files = e.target.files || e.dataTransfer.files;
  if (!files.length)
    return;
  this.createImage(files[0]);
},

상세한 것에 대하여는, https://codepen.io/Atinux/pen/qOvawK/ 를 참조해 주세요.

사용.v-model파일 입력에 값을 설정할 수 없기 때문에 파일 입력은 의미가 없습니다.그러면 양방향 바인딩은 여기서 무엇을 해야 합니까?

그냥 사용하다v-on:change

언급URL : https://stackoverflow.com/questions/41803012/v-model-doesnt-support-input-type-file