如何更改v-textarea Vue.js中的选定文本？

我希望在单击按钮以更改v容器中的选定文本时调用函数，我如何才能做到这一点？ 我很乐意提供任何信息

导出默认值{
名称：“文章形式”，
数据（）{
返回{
文本：“一些文本”，
}
},
方法：{
编辑文本（）{
…怎么做？
}
}
}

您可以对所选文本使用

window.getSelection

。这是你的电话号码

证监会：

Lorem ipsum dolor sit amet，奉献精英。拉布雷·费塞尔
你能解释一下吗？非颞肌
perferendis error voluptatum。地黄
无需履行其义务。
编辑
导出默认值{
名称：“应用程序”，
数据（）{
返回{
正文：“，
};
},
方法：{
编辑文本（）{
如果（window.getSelection）this.text=window.getSelection（）.toString（）；
},
},
};

<template>
  <v-app>
    <v-content>
      <div class="text">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore facere
        aspernatur explicabo voluptatibus? Non temporibus, dicta illum
        perferendis error voluptatum. Rerum officiis debitis voluptas earum
        nulla consequatur necessitatibus tenetur eius.
      </div>
      <v-btn class="my-5" @click="editText">Edit</v-btn>

      <v-textarea v-model="text"></v-textarea>
    </v-content>
  </v-app>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      text: "",
    };
  },
  methods: {
    editText() {
      if (window.getSelection) this.text = window.getSelection().toString();
    },
  },
};
</script>