vue3 ts 点击事件触发点击事件的问题,以及file类型的问题

发布于 2022-03-06 04:49:24 字数 801 浏览 746 评论 0

<template>
  <input
    type="file"
    class="file"
    name="files"
    accept="image/png,image/gif,image/jpeg,image/webp"
    @change="uploadChange"
    multiple="multiple"
    ref="file"
  />
  <a href="javascript:;" @click="fileClick">上传</a>
</template>

<script lang="ts">
// import { reactive } from "vue";
export default {
  setup() {
    const fileClick = () => {
      console.info("我点击了a标签");
    };
    const uploadChange = () => {
      console.info("file");
    };
    return { fileClick, uploadChange };
  },
};
</script>

<style>
</style>

问题1:请问我在触发了fileClick的时候如何去点击下file标签。弹出选择文件框。

问题2:这个uploadChange事件我用的是ts,那么这个function uploadChange(e:???) 这个e应该是什么类型呢,我要取它选中的文件,展示出来,这里没法传参,一传就会报错。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文