如何使用vue.js获取在段落中选择的文本的起始位置字符值

Question

我要检索段落中所选文本的起始位置。

例如，如果段落文本为“这是一个段落”。然后用光标选择“段落”，计算出的属性值应为10。

我尝试了https://stackoverflow.com/a/48149119/10373864中说明的策略。这是代码：

<p ref="paragraph">This is a paragraph.</p>

computed: {
  start: function () { 
    return this.$refs.paragraph.selectionStart
  }
}

但是，start的值为undefined。看来上述方法仅适用于textarea。我不能使用textarea。如何使用段落？