Vue2-输入框内容部分选择

使用场景

双击文字时，改为输入框，且输入框默认选中文件名（不包括后缀）

<template>
	<el-input v-model="file_name" type="textarea" rows="2">
</template>

export default {
    data() {
      return {
        file_name: 'aaaa.jpg'
      }
    },
  	methods:{
        editName() {
            let el = this.$refs.editInput.$refs.textarea
            let index = this.file_name.lastIndexOf('.')
            el.focus()
            el.setSelectionRange(0, index)
        }
    }
  }