vue2截取文件后缀名
时间: 2023-12-16 19:26:47 浏览: 226
得到文件后缀名
以下是在Vue2中截取文件后缀名的方法:
1. 在template中添加一个input和一个button,用于输入文件名和触发截取操作:
```html
<template>
<div>
<input v-model="fileName" placeholder="请输入文件名" />
<button @click="getSuffix">截取后缀名</button>
</div>
</template>
```
2. 在script中定义fileName和getSuffix方法:
```javascript
<script>
export default {
data() {
return {
fileName: ''
}
},
methods: {
getSuffix() {
const suffix = this.fileName.substring(this.fileName.lastIndexOf('.') + 1)
console.log(suffix)
}
}
}
</script>
```
3. 在getSuffix方法中使用substring和lastIndexOf方法截取文件后缀名,并将其输出到控制台中。
阅读全文