vue reader函数内input file上传图片后清空input

• Z时代
• 2024-03-13
• 分类：IT

想写个上传插件，在上传完成后清空input，但发现在render函数内操作dom本身的方法自己没弄过，有间接通过id之类操作的方法，但我想在函数内解决掉；问一下有没有类似this之类的方法直接用

• vue3

• ts

   h('input', {
      type: 'file',
      onChange: (e: { target: { files: any[]; }; }) => {
        const files = e.target.files[0];
        let formData = new FormData()
        formData.append('upImg', files)
        uploadApi(formData).then(res => {
          console.log('res', res)
          this.$emit('upload-success', res.data.upImg)
        }).catch(err => {
          console.log('err', err)
        }).finally(() => {
          e.value=''//这句我知道错了，有会的跟我说下咋写比较合适
        })
      }
  })

回答：

https://jsbin.com/riloveligi/...,console,output
就把错的改下就行了，你是一定要用this?

以上是 vue reader函数内input file上传图片后清空input 的全部内容， 来源链接： utcz.com/p/936448.html