Vuejs2 如何设置<；的默认值；v-select>；如果用户更改Vue.js中的选择，该值将更新

我在网上搜索了一下，没有找到这个Vue.js问题的答案。 我是Vue.js的新手。在我的表格中，有一个“结束时间”下拉列表，可以选择时间。此字段的默认值为开始时间后30分钟，但用户可以更改此值。目前，用户可以更改“结束时间”的显示时间，但数据属性“结束时间”没有更改。我需要更新这个值（而不仅仅是保持默认值），这样我就可以使用它来计算从开始时间到结束时间的持续时间。代码如下。提前谢谢你的帮助

v-选择：

 <v-select
      :items="times"
      :value="getEndTime"
      label="End Time"
      box
      placeholder="End Time"

    ></v-select>

从

方法：

部分：

getStartTimeIndex()
  {

          // looking for index of start_time in times array
          var startTimeIndex=0;

          for(var x =0; x<this.times.length;x++)
          {
            if(this.times[x] == this.start_time)
            {
              startTimeIndex = x;
              break;
            }

          }

          return startTimeIndex;
  }

getEndTime()
  {


       var startTimeIndex = this.getStartTimeIndex();

            //if start time is set and end time is not:
        if (this.start_time != '' && this.end_time == '')
        {

           this.end_time = this.times[startTimeIndex + 2]; // two 15 min. increments is 1/2 hr. later
           console.log("getEndTime(): startTimeIndex = " + startTimeIndex);

       }

            return this.end_time;


  }

使用组件的：

getEndTime()
  {


       var startTimeIndex = this.getStartTimeIndex();

            //if start time is set and end time is not:
        if (this.start_time != '' && this.end_time == '')
        {

           this.end_time = this.times[startTimeIndex + 2]; // two 15 min. increments is 1/2 hr. later
           console.log("getEndTime(): startTimeIndex = " + startTimeIndex);

       }

            return this.end_time;


  }

<v-select
  :items="times"
  :value="getEndTime"
  label="End Time"
  box
  placeholder="End Time"
  @change="changeEndTime"
></v-select>

changeEndTime(value)
{
  this.$set(this, 'end_time', value);
},