vue如何获取文件后缀名

<template>
  <div id="app">
    <xt-button @click="abc">s</xt-button>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      string:'abc123.png'
    }
  },
  methods:{
    abc(){
      var i=this.string.substring(this.string.lastIndexOf('.')+1)
      console.log(i)
    }
  }
}
</script>

var i=this.string.substring(this.string.lastIndexOf