用vue写出仅支持选择xls、xlsx文件的文件上传的前端代码

好的，我可以帮您写出一个用vue实现仅支持选择xlsx、xls文件上传的前端代码，代码如下所示：

<template>
  <div>
    <input type="file" @change="onFileChange" accept=".xlsx,.xls">
  </div>
</template>

<script>
export default {
  methods: {
    onFileChange(event) {
      const file = event.target.files[0];
      if (file) {
        const extension = file.name.split('.').pop();
        if (extension === 'xlsx' || extension === 'xls') {
          // 处理文件上传
          console.log('上传文件：', file);
        } else {
          alert('请选择.xlsx或.xls的文件！');
        }
      }
    }
  }
}
</script>

这段代码中，我们使用`<input type="file">`标签来实现文件的上传，通过`accept`属性来限制只能选择`.xlsx`和`.xls`的文件。当用户选择文件后，我们通过`onFileChange`方法来处理文件，首先判断文件是否存在，然后通过文件名的后缀来确定文件是否是我们需要的格式，如果是就进行文件上传处理，否则弹出提示框提醒用户选择正确的文件格式。

请注意，本代码仅实现前端对文件格式的限制，具体的文件上传需要结合后台接口来实现。