<el-form-item label="文件夹路径:">
  <div>{{ form.collectPath }}</div>
  <input id="file" type="file" hidden webkitdirectory @change="fileChange">
  <el-button @click="handleOpenMenu">打开文件夹</el-button>
</el-form-item>
export default {
...
	methods: {
		handleOpenMenu () {
	      const file = document.getElementById('file')
	      file.click()
	    },
	    fileChange (e) {
	      try {
	        const fu = document.getElementById('file')
	        if (fu === null) return
	        // 只有electro可以获取到文件夹路径
	        this.form.collectPath = fu.files[0].path.replaceAll('\\', '/')
	      } catch (error) {
	        console.debug('choice file err:', error)
	      }
	    },
	}
}
Logo

前往低代码交流专区

更多推荐