Javascript 如何将创建的范围连接到textarea元素的值?

Javascript 如何将创建的范围连接到textarea元素的值?,javascript,html,vue.js,range,Javascript,Html,Vue.js,Range,这是我在文本区域的第一个字符中设置光标的方式: <div class="field"> <label>Text</label> <textarea ref="inputEl">abc</textarea> </div> methods: { setInitialCursorPosition () { const inputEl = this.$refs.inputEl inputEl.focus

这是我在文本区域的第一个字符中设置光标的方式:

<div class="field">
  <label>Text</label>
  <textarea ref="inputEl">abc</textarea>
</div>

methods: {
  setInitialCursorPosition () {
    const inputEl = this.$refs.inputEl
    inputEl.focus()
    inputEl.setSelectionRange(0, 1)
  }
},

mounted () {
  this.setInitialCursorPosition()
}

但是,这只创建了一个范围对象。。。如何将此范围连接到我的文本区域,并在方法之间共享此范围?

当范围对象仅为2个数字时,为什么要为此使用范围对象。范围对象用于完全不同的对象,并且比您需要或应该使用的对象复杂得多

如果要在方法之间共享范围,只需在数据对象
[0,1]
上设置一个数组,或者如果需要更具描述性的内容,可以使用具有
min
max
属性的对象

data() {
    return {
        range: {
           min: 0,
           max: 1
        }
    };
}
或者简单地设置一个数组,两者都可以工作

data() {
    return {
        range: {
           min: 0,
           max: 1
        }
    };
}