前言，前端要从后端拿到的不同类型的文件进行下载，需要设置对应的文件类型

这就要从后端返回的文件数据中拿取后缀进行设置

先放效果

 实现代码

<template>
  <el-input v-model="num" placeholder="请输入带有后缀的文件名" />
  <el-button type="primary" @click="changeNum">取后缀</el-button>
</template>

<script setup lang="ts">
import { ref } from "vue";

const num = ref();
const changeNum = () => {
  if (num.value) {
    num.value = num.value.substring(num.value.lastIndexOf(".") + 1);
  }
};
</script>