如何验证导入的文件是否为vue中的.csv文件类型

Question

我创建了一个文件选择功能，允许用户选择.csv文件。代码如下：

<input type="file" accept=".csv" ref="file" v-on:input="handleFileUpload()" id="upload-photo" /> 

这使用户可以浏览.csv文件，我的问题是，如果用户选择所有文件，则显示所有文件并可以选择其他文件类型。

如何禁用all files选项或使用vue.js检查文件扩展名。以下是用户选择文件时的功能。

onConfirm() {
        this.txtBrowse = this.file.name; //gets the file name with the extension
        //other functionalities
}

UPDATE

截至目前，我暂时使用了以下陷阱：

if(this.file.name.split(".").pop() != 'csv'){//check if file extension is csv
   Vue.alert.show( "Please select CSV file type", "error");
   return;
}

但是，如果你有更好的方法，请帮助我。