input的type="file"时不能使用v-model时如何解决（父子组件）

父子组件之间可以使用 props 和 events 来传递数据和触发事件。可以将 input 标签封装成一个子组件，在子组件中监听文件选择的变化，并触发一个自定义的事件，将选中的文件列表通过事件的参数传递给父组件，父组件再将文件列表保存到自己的数据对象中。例如：

FileInput 子组件：

<template>
  <div>
    <input type="file" @change="onFileChange">
  </div>
</template>

<script>
export default {
  methods: {
    onFileChange(event) {
      this.$emit('file-selected', event.target.files)
    }
  }
}
</script>

在上面的代码中，我们定义了一个 @change 事件处理函数，当文件选择发生变化时，将选中的文件列表通过 $emit 方法触发一个自定义的事件 'file-selected'，并将文件列表作为事件的参数传递给父组件。

Parent 父组件：

<template>
  <div>
    <file-input @file-selected="onFileSelected"></file-input>
  </div>
</template>

<script>
import FileInput from './FileInput.vue'

export default {
  components: {
    FileInput
  },
  data() {
    return {
      file: null
    }
  },
  methods: {
    onFileSelected(files) {
      this.file = files[0]
    }
  }
}
</script>

在上面的代码中，我们在父组件中引入了 FileInput 子组件，当子组件触发了 'file-selected' 事件时，会调用父组件中的 onFileSelected 方法，将选中的第一个文件保存到父组件的 file 数据属性中。

这样，我们就成功地将 input 的 type="file" 时不能使用 v-model 的问题解决了，并且实现了父子组件之间的数据传递和事件触发。