vue 取得input元素中部分选中(selected)的值

<template>
  <div>
    <div>{{ temp }}</div>
    <el-input
      v-model="tt"
      type="textarea"
      id="ttt"
      @blur="copyToClipboard('letters')"
    ></el-input>
  </div>
</template>
<script>
export default {
  data() {
    return {
      temp: "",
      tt: "用户名：张三\n性别：男\n电话号码：15812322222"
    };
  },
  created() {},
  methods: {
    //获取textarea中选中的内容
    getSelectText(id) {
      var t = document.getElementById(id);
      if (window.getSelection) {
        if (t.selectionStart != undefined && t.selectionEnd != undefined) {
          return t.value.substring(t.selectionStart, t.selectionEnd);
        } else {
          return "";
        }
      } else {
        return document.selection.createRange().text;
      }
    },
    //复制内容到粘贴板
    copyToClipboard() {
      this.temp = this.getSelectText("ttt");
    }
  }
};
</script>